Recognised as Colour

#DE493E

#DE493E
Red
Dark
Nearest: Tomato

#DE493E is a red with RGB values 222, 73, 62 and HSL 4°, 71%, 56%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Tomato.

Colour values

#DE493E#DE493E

HEX#DE493E

RGBrgb(222, 73, 62)

RGB (0–1)0.8706, 0.2863, 0.2431

RGB percentages87.1%, 28.6%, 24.3%

HSLhsl(4.1, 70.8%, 55.7%)

HSV / HSBhsv(4.1, 72.1%, 87.1%)

CMYK0%, 67.1%, 72.1%, 12.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,567,742

CSS custom property--colour: #DE493E;

Brightness & contrast

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

Perceived brightness135.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.13:1

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

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

Greyscale equivalent#686868

Inverted#21B6C1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#73693Cno red cones; affects about 1% of men; ΔE 61.9 from the original

Deuteranopia#988939no green cones; the most common form, about 1% of men; ΔE 62.1 from the original

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

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

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

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

Named colours

Tomato · ΔE 12.2 Firebrick · ΔE 13.6 Crimson · ΔE 15.7 Brown · ΔE 18.8 Coral · ΔE 20.8 Indian red · ΔE 20.9

Nearest named CSS colourTomato (#FF6347)ΔE 12.23, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3ED3DE

Analogous#DE3E83, #DE993E

Triadic#3EDE49, #493EDE

Split complementary#3EDE99, #3E83DE

Tetradic#83DE3E, #3ED3DE, #993EDE

Tints, shades & saturation

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

Lighter +40%#FCEDEC

Lighter +30%#F4C4C1

Lighter +20%#ED9B95

Lighter +10%#E5726A

Darker −10%#C72D22

Darker −20%#9B231B

Darker −30%#701A13

Darker −40%#44100C

More saturated +25%#FA3122

Less saturated −25%#C2615A

Channel breakdown

R222

G73

B62

Red222 (87.1%)

Green73 (28.6%)

Blue62 (24.3%)

Hue4.12°

Saturation (HSL)70.8%

Lightness55.69%

Dominant channelRed

Hex per channelR DE · G 49 · B 3E

Keep nerding

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

#DE493E

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