Colour

#DE3117

#DE3117
Red
Dark
Nearest: Orange red

#DE3117 is a red with RGB values 222, 49, 23 and HSL 8°, 81%, 48%. It is a dark colour, so white text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Orange red.

Colour values

#DE3117#DE3117

HEX#DE3117

RGBrgb(222, 49, 23)

RGB (0–1)0.8706, 0.1922, 0.0902

RGB percentages87.1%, 19.2%, 9%

HSLhsl(7.8, 81.2%, 48%)

HSV / HSBhsv(7.8, 89.6%, 87.1%)

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

24-bit integer14,561,559

CSS custom property--colour: #DE3117;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.61:1

Contrast with white4.61:1WCAG normal text: AA

Contrast with black4.56:1WCAG normal text: AA

Greyscale equivalent#545454

Inverted#21CEE8

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#695D0Fno red cones; affects about 1% of men; ΔE 70.1 from the original

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

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

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

Contrast with white, large text4.61:1WCAG large text: AAA

Contrast with black, large text4.56:1WCAG large text: AAA

Named colours

Orange red · ΔE 16.7 Tomato · ΔE 16.8 Red · ΔE 20.3 Firebrick · ΔE 21.8 Crimson · ΔE 22.4 Coral · ΔE 27.2

Nearest named CSS colourOrange red (#FF4500)ΔE 16.66, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#17C4DE

Analogous#DE1760, #DE9517

Triadic#17DE31, #3117DE

Split complementary#17DE94, #1761DE

Tetradic#60DE17, #17C4DE, #9517DE

Tints, shades & saturation

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

Lighter +40%#F9CEC8

Lighter +30%#F4A59A

Lighter +20%#F07D6B

Lighter +10%#EB543D

Darker −10%#B02712

Darker −20%#821D0D

Darker −30%#531209

Darker −40%#250804

More saturated +25%#F52000

Less saturated −25%#BF4836

Channel breakdown

R222

G49

B23

Red222 (87.1%)

Green49 (19.2%)

Blue23 (9%)

Hue7.84°

Saturation (HSL)81.22%

Lightness48.04%

Dominant channelRed

Hex per channelR DE · G 31 · B 17

Keep nerding

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

#DE3117

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