#CF304A

#CF304A

Color Values

HEX

#CF304A

RGB

207, 48, 74

HSL

350.2, 62.4%, 50.0%

HSV

350.2, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 64.3%, 18.8%

OKLCH

0.5658 0.1937 17.5

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CF304A

#30CFB5

Analogous

#CF3099

#CF6630

#CF304A

Triadic

#CF304A

#4ACF30

#304ACF

Split Complementary

#CF304A

#30CF66

#3099CF

Tetradic

#CF304A

#99CF30

#30CFB5

#6630CF

Color Blindness Simulation

Original

#CF304A

Protanopia

#8A8944

Deuteranopia

#939F42

Tritanopia

#C73F3E

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F7E4E7
200
#F2C5CC
300
#E89CA8
400
#DC6679
500
#CF304A
600
#A6263B
700
#851F2F
800
#681825
900
#4C151E
950
#300D13

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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