Colour

#D71F30

#D71F30
Red
Dark
Nearest: Crimson

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

Colour values

#D71F30#D71F30

HEX#D71F30

RGBrgb(215, 31, 48)

RGB (0–1)0.8431, 0.1216, 0.1882

RGB percentages84.3%, 12.2%, 18.8%

HSLhsl(354.5, 74.8%, 48.2%)

HSV / HSBhsv(354.5, 85.6%, 84.3%)

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

24-bit integer14,098,224

CSS custom property--colour: #D71F30;

Brightness & contrast

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

Perceived brightness121 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.09:1

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

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

Greyscale equivalent#474747

Inverted#28E0CF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Crimson · ΔE 7.1 Firebrick · ΔE 13.8 Tomato · ΔE 19.5 Brown · ΔE 21.9 Dark red · ΔE 24.7 Maroon · ΔE 28.6

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1FD7C6

Analogous#D71F8C, #D76A1F

Triadic#30D71F, #1F30D7

Split complementary#1FD76A, #1F8CD7

Tetradic#8CD71F, #1FD7C6, #6A1FD7

Tints, shades & saturation

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

Lighter +40%#F7CBCF

Lighter +30%#F19EA6

Lighter +20%#EB717D

Lighter +10%#E44554

Darker −10%#AA1926

Darker −20%#7E121C

Darker −30%#510C12

Darker −40%#250508

More saturated +25%#F60017

Less saturated −25%#B83E49

Channel breakdown

R215

G31

B48

Red215 (84.3%)

Green31 (12.2%)

Blue48 (18.8%)

Hue354.46°

Saturation (HSL)74.8%

Lightness48.24%

Dominant channelRed

Hex per channelR D7 · G 1F · B 30

Keep nerding

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

#D71F30

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