#CF304D

#CF304D

Color Values

HEX

#CF304D

RGB

207, 48, 77

HSL

349.1, 62.4%, 50.0%

HSV

349.1, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 62.8%, 18.8%

OKLCH

0.5663 0.1937 16.3

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CF304D

#30CFB2

Analogous

#CF309C

#CF6330

#CF304D

Triadic

#CF304D

#4DCF30

#304DCF

Split Complementary

#CF304D

#30CF63

#309CCF

Tetradic

#CF304D

#9CCF30

#30CFB2

#6330CF

Color Blindness Simulation

Original

#CF304D

Protanopia

#8A8946

Deuteranopia

#939F44

Tritanopia

#C7403F

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

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

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