Colour

#CC002E

#CC002E
Red
Dark
Nearest: Crimson

#CC002E is a red with RGB values 204, 0, 46 and HSL 346°, 100%, 40%. It is a dark colour, so white text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#CC002E#CC002E

HEX#CC002E

RGBrgb(204, 0, 46)

RGB (0–1)0.8, 0, 0.1804

RGB percentages80%, 0%, 18%

HSLhsl(346.5, 100%, 40%)

HSV / HSBhsv(346.5, 100%, 80%)

CMYK0%, 100%, 77.5%, 20%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,369,390

CSS custom property--colour: #CC002E;

Brightness & contrast

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

Perceived brightness112.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.82:1

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

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

Greyscale equivalent#2F2F2F

Inverted#33FFD1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#534C2Dno red cones; affects about 1% of men; ΔE 73.4 from the original

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

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

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

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

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

Named colours

Crimson · ΔE 5.5 Firebrick · ΔE 13.2 Brown · ΔE 20.4 Dark red · ΔE 23.4 Tomato · ΔE 24.3 Maroon · ΔE 26.8

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#00CC9E

Analogous#CC0094, #CC3800

Triadic#2ECC00, #002ECC

Split complementary#00CC38, #0094CC

Tetradic#94CC00, #00CC9E, #3800CC

Tints, shades & saturation

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

Lighter +40%#FF99B0

Lighter +30%#FF6688

Lighter +20%#FF3361

Lighter +10%#FF0039

Darker −10%#990022

Darker −20%#660017

Darker −30%#33000B

Darker −40%#000000

More saturated +25%#CC002E

Less saturated −25%#B3193C

Channel breakdown

R204

B46

Red204 (80%)

Green0 (0%)

Blue46 (18%)

Hue346.47°

Saturation (HSL)100%

Lightness40%

Dominant channelRed

Hex per channelR CC · G 00 · B 2E

Keep nerding

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

#CC002E

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