#CF308F

#CF308F

Color Values

HEX

#CF308F

RGB

207, 48, 143

HSL

324.2, 62.4%, 50.0%

HSV

324.2, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 30.9%, 18.8%

OKLCH

0.5859 0.2115 349.2

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#CF308F

#30CF70

Analogous

#C030CF

#CF303F

#CF308F

Triadic

#CF308F

#8FCF30

#308FCF

Split Complementary

#CF308F

#3FCF30

#30CFC0

Tetradic

#CF308F

#CFC030

#30CF70

#303FCF

Color Blindness Simulation

Original

#CF308F

Protanopia

#8A8978

Deuteranopia

#939F72

Tritanopia

#C76662

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E4EF
200
#F2C5E0
300
#E89CC9
400
#DC66AC
500
#CF308F
600
#A62672
700
#851F5B
800
#681847
900
#4C1536
950
#300D22

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026