#CF304C

#CF304C

Color Values

HEX

#CF304C

RGB

207, 48, 76

HSL

349.4, 62.4%, 50.0%

HSV

349.4, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 63.3%, 18.8%

OKLCH

0.5661 0.1937 16.7

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CF304C

#30CFB3

Analogous

#CF309C

#CF6330

#CF304C

Triadic

#CF304C

#4CCF30

#304CCF

Split Complementary

#CF304C

#30CF63

#309CCF

Tetradic

#CF304C

#9CCF30

#30CFB3

#6330CF

Color Blindness Simulation

Original

#CF304C

Protanopia

#8A8945

Deuteranopia

#939F44

Tritanopia

#C7403F

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F7E4E7
200
#F2C5CD
300
#E89CA9
400
#DC667B
500
#CF304C
600
#A6263D
700
#851F31
800
#681826
900
#4C151F
950
#300D13

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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