#CC3527

#CC3527

Color Values

HEX

#CC3527

RGB

204, 53, 39

HSL

5.1, 67.9%, 47.6%

HSV

5.1, 80.9%, 80.0%

CMYK

0.0%, 74.0%, 80.9%, 20.0%

OKLCH

0.5599 0.19 29.6

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#CC3527

#27BECC

Analogous

#CC276B

#CC8727

#CC3527

Triadic

#CC3527

#27CC35

#3527CC

Split Complementary

#CC3527

#27CC87

#276BCC

Tetradic

#CC3527

#6BCC27

#27BECC

#8727CC

Color Blindness Simulation

Original

#CC3527

Protanopia

#8B892A

Deuteranopia

#939F2B

Tritanopia

#C42D2E

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F4C7C3
300
#EB9F98
400
#E16B61
500
#D63829
600
#AB2D21
700
#89241A
800
#6B1C14
900
#4E1813
950
#310F0C

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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