#CC1F00

#CC1F00

Color Values

HEX

#CC1F00

RGB

204, 31, 0

HSL

9.1, 100.0%, 40.0%

HSV

9.1, 100.0%, 80.0%

CMYK

0.0%, 84.8%, 100.0%, 20.0%

OKLCH

0.5415 0.2078 31.5

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#CC1F00

#00ADCC

Analogous

#CC0047

#CC8500

#CC1F00

Triadic

#CC1F00

#00CC1F

#1F00CC

Split Complementary

#CC1F00

#00CC85

#0047CC

Tetradic

#CC1F00

#47CC00

#00ADCC

#8500CC

Color Blindness Simulation

Original

#CC1F00

Protanopia

#818007

Deuteranopia

#8B9809

Tritanopia

#C30D0F

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE3DE
200
#FFC2B8
300
#FF9785
400
#FF5F42
500
#FF2700
600
#CC1F00
700
#A31900
800
#801300
900
#5C1205
950
#3A0B03

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

3.76: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