#CF305A

#CF305A

Color Values

HEX

#CF305A

RGB

207, 48, 90

HSL

344.2, 62.4%, 50.0%

HSV

344.2, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 56.5%, 18.8%

OKLCH

0.5692 0.1946 11.1

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CF305A

#30CFA5

Analogous

#CF30A9

#CF5630

#CF305A

Triadic

#CF305A

#5ACF30

#305ACF

Split Complementary

#CF305A

#30CF56

#30A9CF

Tetradic

#CF305A

#A9CF30

#30CFA5

#5630CF

Color Blindness Simulation

Original

#CF305A

Protanopia

#8A8950

Deuteranopia

#939F4D

Tritanopia

#C74846

Achromatopsia

#555555

CSS Usage

background-color: #CF305A;
color: #CF305A;
border-color: #CF305A;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF3F5
100
#F7E4E9
200
#F2C5D1
300
#E89CB0
400
#DC6685
500
#CF305A
600
#A62648
700
#851F39
800
#68182D
900
#4C1524
950
#300D16

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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