#CF3C8A

#CF3C8A

Color Values

HEX

#CF3C8A

RGB

207, 60, 138

HSL

328.2, 60.5%, 52.4%

HSV

328.2, 71.0%, 81.2%

CMYK

0.0%, 71.0%, 33.3%, 18.8%

OKLCH

0.594 0.1962 352.2

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#CF3C8A

#3CCF81

Analogous

#CB3CCF

#CF3C41

#CF3C8A

Triadic

#CF3C8A

#8ACF3C

#3C8ACF

Split Complementary

#CF3C8A

#41CF3C

#3CCFCB

Tetradic

#CF3C8A

#CFCB3C

#3CCF81

#3C41CF

Color Blindness Simulation

Original

#CF3C8A

Protanopia

#8F8E77

Deuteranopia

#98A373

Tritanopia

#C86865

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DD
300
#E79DC4
400
#DA68A4
500
#CD3284
600
#A4286A
700
#832055
800
#661942
900
#4B1632
950
#2F0E20

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

4.67:1

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