#CF304E

#CF304E

Color Values

HEX

#CF304E

RGB

207, 48, 78

HSL

348.7, 62.4%, 50.0%

HSV

348.7, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 62.3%, 18.8%

OKLCH

0.5665 0.1938 15.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CF304E

#30CFB1

Analogous

#CF309D

#CF6230

#CF304E

Triadic

#CF304E

#4ECF30

#304ECF

Split Complementary

#CF304E

#30CF62

#309DCF

Tetradic

#CF304E

#9DCF30

#30CFB1

#6230CF

Color Blindness Simulation

Original

#CF304E

Protanopia

#8A8947

Deuteranopia

#939F45

Tritanopia

#C74140

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F7E4E7
200
#F2C5CD
300
#E89CAA
400
#DC667C
500
#CF304E
600
#A6263E
700
#851F32
800
#681827
900
#4C151F
950
#300D14

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.19:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026