#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