Colour

#C81C20

#C81C20
Red
Dark
Nearest: Firebrick

#C81C20 is a red with RGB values 200, 28, 32 and HSL 359°, 75%, 45%. It is a dark colour, so white text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Firebrick.

Colour values

#C81C20#C81C20

HEX#C81C20

RGBrgb(200, 28, 32)

RGB (0–1)0.7843, 0.1098, 0.1255

RGB percentages78.4%, 11%, 12.5%

HSLhsl(358.6, 75.4%, 44.7%)

HSV / HSBhsv(358.6, 86%, 78.4%)

CMYK0%, 86%, 84%, 21.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,114,400

CSS custom property--colour: #C81C20;

Brightness & contrast

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

Perceived brightness112 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.76:1

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

Contrast with black3.64:1WCAG normal text: Fail

Greyscale equivalent#414141

Inverted#37E3DF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#584E1Dno red cones; affects about 1% of men; ΔE 68.4 from the original

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

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

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

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

Contrast with black, large text3.64:1WCAG large text: AA

Named colours

Firebrick · ΔE 10.7 Crimson · ΔE 13.4 Dark red · ΔE 19.7 Tomato · ΔE 20.1 Brown · ΔE 20.1 Maroon · ΔE 24.2

Nearest named CSS colourFirebrick (#B22222)ΔE 10.71, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1CC8C4

Analogous#C81C76, #C86E1C

Triadic#20C81C, #1C20C8

Split complementary#1CC86E, #1C76C8

Tetradic#76C81C, #1CC8C4, #6E1CC8

Tints, shades & saturation

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

Lighter +40%#F5BBBC

Lighter +30%#EF8E90

Lighter +20%#E96164

Lighter +10%#E33438

Darker −10%#9B1619

Darker −20%#6F0F12

Darker −30%#42090B

Darker −40%#150303

More saturated +25%#E40005

Less saturated −25%#AC383B

Channel breakdown

R200

G28

B32

Red200 (78.4%)

Green28 (11%)

Blue32 (12.5%)

Hue358.6°

Saturation (HSL)75.44%

Lightness44.71%

Dominant channelRed

Hex per channelR C8 · G 1C · B 20

Keep nerding

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

#C81C20

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