#CC0C0C

#CC0C0C

Color Values

HEX

#CC0C0C

RGB

204, 12, 12

HSL

0.0, 88.9%, 42.4%

HSV

0.0, 94.1%, 80.0%

CMYK

0.0%, 94.1%, 94.1%, 20.0%

OKLCH

0.5341 0.2144 28.8

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#CC0C0C

#0CCCCC

Analogous

#CC0C6C

#CC6C0C

#CC0C0C

Triadic

#CC0C0C

#0CCC0C

#0C0CCC

Split Complementary

#CC0C0C

#0CCC6C

#0C6CCC

Tetradic

#CC0C0C

#6CCC0C

#0CCCCC

#6C0CCC

Color Blindness Simulation

Original

#CC0C0C

Protanopia

#79770C

Deuteranopia

#84920C

Tritanopia

#C20C0C

Achromatopsia

#353535

CSS Usage

background-color: #CC0C0C;
color: #CC0C0C;
border-color: #CC0C0C;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBC
300
#F88B8B
400
#F54D4D
500
#F10E0E
600
#C10B0B
700
#9A0909
800
#780707
900
#570A0A
950
#370606

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

3.63:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026