#CC272A

#CC272A

Color Values

HEX

#CC272A

RGB

204, 39, 42

HSL

358.9, 67.9%, 47.6%

HSV

358.9, 80.9%, 80.0%

CMYK

0.0%, 80.9%, 79.4%, 20.0%

OKLCH

0.549 0.1997 26.2

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#CC272A

#27CCC9

Analogous

#CC277C

#CC7627

#CC272A

Triadic

#CC272A

#2ACC27

#272ACC

Split Complementary

#CC272A

#27CC76

#277CCC

Tetradic

#CC272A

#7CCC27

#27CCC9

#7627CC

Color Blindness Simulation

Original

#CC272A

Protanopia

#858329

Deuteranopia

#8E9A29

Tritanopia

#C42929

Achromatopsia

#4A4A4A

CSS Usage

background-color: #CC272A;
color: #CC272A;
border-color: #CC272A;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F4C3C4
300
#EB989A
400
#E16163
500
#D6292C
600
#AB2123
700
#891A1C
800
#6B1416
900
#4E1314
950
#310C0D

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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