#CF305B

#CF305B

Color Values

HEX

#CF305B

RGB

207, 48, 91

HSL

343.8, 62.4%, 50.0%

HSV

343.8, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 56.0%, 18.8%

OKLCH

0.5694 0.1947 10.7

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CF305B

#30CFA4

Analogous

#CF30AA

#CF5530

#CF305B

Triadic

#CF305B

#5BCF30

#305BCF

Split Complementary

#CF305B

#30CF55

#30AACF

Tetradic

#CF305B

#AACF30

#30CFA4

#5530CF

Color Blindness Simulation

Original

#CF305B

Protanopia

#8A8951

Deuteranopia

#939F4E

Tritanopia

#C74847

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F7E4E9
200
#F2C5D1
300
#E89CB0
400
#DC6686
500
#CF305B
600
#A62649
700
#851F3A
800
#68182D
900
#4C1524
950
#300D17

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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