#CF309A

#CF309A

Color Values

HEX

#CF309A

RGB

207, 48, 154

HSL

320.0, 62.4%, 50.0%

HSV

320.0, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 25.6%, 18.8%

OKLCH

0.5905 0.2174 345.1

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#CF309A

#30CF65

Analogous

#B530CF

#CF304A

#CF309A

Triadic

#CF309A

#9ACF30

#309ACF

Split Complementary

#CF309A

#4ACF30

#30CFB5

Tetradic

#CF309A

#CFB530

#30CF65

#304ACF

Color Blindness Simulation

Original

#CF309A

Protanopia

#8A8980

Deuteranopia

#939F7A

Tritanopia

#C76C68

Achromatopsia

#595959

CSS Usage

background-color: #CF309A;
color: #CF309A;
border-color: #CF309A;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F9
100
#F7E4F0
200
#F2C5E3
300
#E89CCF
400
#DC66B4
500
#CF309A
600
#A6267B
700
#851F63
800
#68184D
900
#4C153A
950
#300D24

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.54:1

AA Pass 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