Colour

#F62342

#F62342
Red
Dark
Nearest: Crimson

#F62342 is a red with RGB values 246, 35, 66 and HSL 351°, 92%, 55%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#F62342#F62342

HEX#F62342

RGBrgb(246, 35, 66)

RGB (0–1)0.9647, 0.1373, 0.2588

RGB percentages96.5%, 13.7%, 25.9%

HSLhsl(351.2, 92.1%, 55.1%)

HSV / HSBhsv(351.2, 85.8%, 96.5%)

CMYK0%, 85.8%, 73.2%, 3.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,130,882

CSS custom property--colour: #F62342;

Brightness & contrast

Relative luminance0.21188WCAG 2.x, 0 is black and 1 is white

Perceived brightness139 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.24:1

Contrast with white4.01:1WCAG normal text: Fail

Contrast with black5.24:1WCAG normal text: AA

Greyscale equivalent#525252

Inverted#09DCBD

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6B6341no red cones; affects about 1% of men; ΔE 80.6 from the original

Deuteranopia#9E8E3Ano green cones; the most common form, about 1% of men; ΔE 80.3 from the original

Tritanopia#FF0033no blue cones; rare, and affects men and women equally; ΔE 10.8 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text4.01:1WCAG large text: AA

Contrast with black, large text5.24:1WCAG large text: AAA

Named colours

Crimson · ΔE 9 Tomato · ΔE 21.2 Firebrick · ΔE 24 Red · ΔE 29.1 Brown · ΔE 31.1 Orange red · ΔE 31.7

Nearest named CSS colourCrimson (#DC143C)ΔE 9, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#23F6D7

Analogous#F623AB, #F66E23

Triadic#42F623, #2342F6

Split complementary#23F66E, #23ABF6

Tetradic#ACF623, #23F6D7, #6E23F6

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FEE7EA

Lighter +30%#FCB6C0

Lighter +20%#FA8596

Lighter +10%#F8546C

Darker −10%#DD0928

Darker −20%#AC071F

Darker −30%#7B0516

Darker −40%#4A030D

More saturated +25%#FF1A3C

Less saturated −25%#D94056

Channel breakdown

R246

G35

B66

Red246 (96.5%)

Green35 (13.7%)

Blue66 (25.9%)

Hue351.18°

Saturation (HSL)92.14%

Lightness55.1%

Dominant channelRed

Hex per channelR F6 · G 23 · B 42

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#F62342

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else