Colour

#D81F36

#D81F36
Red
Dark
Nearest: Crimson

#D81F36 is a red with RGB values 216, 31, 54 and HSL 353°, 75%, 48%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#D81F36#D81F36

HEX#D81F36

RGBrgb(216, 31, 54)

RGB (0–1)0.8471, 0.1216, 0.2118

RGB percentages84.7%, 12.2%, 21.2%

HSLhsl(352.5, 74.9%, 48.4%)

HSV / HSBhsv(352.5, 85.6%, 84.7%)

CMYK0%, 85.6%, 75%, 15.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,163,766

CSS custom property--colour: #D81F36;

Brightness & contrast

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

Perceived brightness121.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.04:1

Contrast with white5.04:1WCAG normal text: AA

Contrast with black4.17:1WCAG normal text: Fail

Greyscale equivalent#484848

Inverted#27E0C9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5E5635no red cones; affects about 1% of men; ΔE 72.6 from the original

Deuteranopia#8A7C2Fno green cones; the most common form, about 1% of men; ΔE 72.6 from the original

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

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

Contrast with white, large text5.04:1WCAG large text: AAA

Contrast with black, large text4.17:1WCAG large text: AA

Named colours

Crimson · ΔE 4.3 Firebrick · ΔE 14.2 Tomato · ΔE 20.8 Brown · ΔE 21.3 Dark red · ΔE 25.6 Indian red · ΔE 28

Nearest named CSS colourCrimson (#DC143C)ΔE 4.32, a close match

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1FD8C1

Analogous#D81F93, #D8641F

Triadic#36D81F, #1F36D8

Split complementary#1FD864, #1F93D8

Tetradic#93D81F, #1FD8C1, #641FD8

Tints, shades & saturation

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

Lighter +40%#F8CBD1

Lighter +30%#F19FA9

Lighter +20%#EB7281

Lighter +10%#E44659

Darker −10%#AB192B

Darker −20%#7F1220

Darker −30%#520C15

Darker −40%#260509

More saturated +25%#F7001F

Less saturated −25%#B93E4D

Channel breakdown

R216

G31

B54

Red216 (84.7%)

Green31 (12.2%)

Blue54 (21.2%)

Hue352.54°

Saturation (HSL)74.9%

Lightness48.43%

Dominant channelRed

Hex per channelR D8 · G 1F · B 36

Keep nerding

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

#D81F36

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