#C20C32

#C20C32

Color Values

HEX

#C20C32

RGB

194, 12, 50

HSL

347.5, 88.3%, 40.4%

HSV

347.5, 93.8%, 76.1%

CMYK

0.0%, 93.8%, 74.2%, 23.9%

OKLCH

0.5182 0.2035 20.4

Properties

Warm Dark Nearest: NCS S 1080-R Pure Red

Color Harmonies

Complementary

#C20C32

#0CC29C

Analogous

#C20C8D

#C2410C

#C20C32

Triadic

#C20C32

#32C20C

#0C32C2

Split Complementary

#C20C32

#0CC241

#0C8DC2

Tetradic

#C20C32

#8DC20C

#0CC29C

#410CC2

Color Blindness Simulation

Original

#C20C32

Protanopia

#737229

Deuteranopia

#7E8B27

Tritanopia

#B92220

Achromatopsia

#353535

CSS Usage

background-color: #C20C32;
color: #C20C32;
border-color: #C20C32;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FDF2F4
100
#FBE0E5
200
#FBBCC9
300
#F88CA2
400
#F44D70
500
#F00F3E
600
#C00C31
700
#9A0A28
800
#78071F
900
#570A1A
950
#370610

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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