#CC0F6F

#CC0F6F

Color Values

HEX

#CC0F6F

RGB

204, 15, 111

HSL

329.5, 86.3%, 42.9%

HSV

329.5, 92.6%, 80.0%

CMYK

0.0%, 92.6%, 45.6%, 20.0%

OKLCH

0.5521 0.2184 359.1

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#CC0F6F

#0FCC6C

Analogous

#CA0FCC

#CC0F11

#CC0F6F

Triadic

#CC0F6F

#6FCC0F

#0F6FCC

Split Complementary

#CC0F6F

#11CC0F

#0FCCCA

Tetradic

#CC0F6F

#CCCA0F

#0FCC6C

#0F11CC

Color Blindness Simulation

Original

#CC0F6F

Protanopia

#7A7958

Deuteranopia

#859352

Tritanopia

#C34541

Achromatopsia

#3E3E3E

CSS Usage

background-color: #CC0F6F;
color: #CC0F6F;
border-color: #CC0F6F;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABCDC
300
#F78DC3
400
#F24FA2
500
#EE1181
600
#BE0E67
700
#980B53
800
#770941
900
#560B31
950
#36071F

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026