#CC0020

#CC0020

Color Values

HEX

#CC0020

RGB

204, 0, 32

HSL

350.6, 100.0%, 40.0%

HSV

350.6, 100.0%, 80.0%

CMYK

0.0%, 100.0%, 84.3%, 20.0%

OKLCH

0.5324 0.2159 25.1

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#CC0020

#00CCAC

Analogous

#CC0086

#CC4600

#CC0020

Triadic

#CC0020

#20CC00

#0020CC

Split Complementary

#CC0020

#00CC46

#0086CC

Tetradic

#CC0020

#86CC00

#00CCAC

#4600CC

Color Blindness Simulation

Original

#CC0020

Protanopia

#747218

Deuteranopia

#808F16

Tritanopia

#C21211

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE3
200
#FFB8C3
300
#FF8598
400
#FF4260
500
#FF0028
600
#CC0020
700
#A3001A
800
#800014
900
#5C0513
950
#3A030C

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

3.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026