#CF3057

#CF3057

Color Values

HEX

#CF3057

RGB

207, 48, 87

HSL

345.3, 62.4%, 50.0%

HSV

345.3, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 58.0%, 18.8%

OKLCH

0.5685 0.1943 12.3

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CF3057

#30CFA8

Analogous

#CF30A6

#CF5930

#CF3057

Triadic

#CF3057

#57CF30

#3057CF

Split Complementary

#CF3057

#30CF59

#30A6CF

Tetradic

#CF3057

#A6CF30

#30CFA8

#5930CF

Color Blindness Simulation

Original

#CF3057

Protanopia

#8A894E

Deuteranopia

#939F4B

Tritanopia

#C74644

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F7E4E8
200
#F2C5D0
300
#E89CAE
400
#DC6683
500
#CF3057
600
#A62646
700
#851F38
800
#68182B
900
#4C1523
950
#300D16

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

4.21:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026