#C30927

#C30927

Color Values

HEX

#C30927

RGB

195, 9, 39

HSL

350.3, 91.2%, 40.0%

HSV

350.3, 95.4%, 76.5%

CMYK

0.0%, 95.4%, 80.0%, 23.5%

OKLCH

0.518 0.2057 23.5

Properties

Warm Dark Nearest: RAL 3027 Raspberry Red

Color Harmonies

Complementary

#C30927

#09C3A5

Analogous

#C30984

#C34809

#C30927

Triadic

#C30927

#27C309

#0927C3

Split Complementary

#C30927

#09C348

#0984C3

Tetradic

#C30927

#84C309

#09C3A5

#4809C3

Color Blindness Simulation

Original

#C30927

Protanopia

#727120

Deuteranopia

#7D8B1E

Tritanopia

#BA1A19

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE4
200
#FCBBC5
300
#FA8A9C
400
#F74B66
500
#F40B31
600
#C30927
700
#9C071F
800
#7A0618
900
#580916
950
#38050E

Contrast Checker

Text on white

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