#CC0DC4

#CC0DC4

Color Values

HEX

#CC0DC4

RGB

204, 13, 196

HSL

302.5, 88.0%, 42.5%

HSV

302.5, 93.6%, 80.0%

CMYK

0.0%, 93.6%, 3.9%, 20.0%

OKLCH

0.5908 0.2639 330.5

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC0DC4

#0DCC15

Analogous

#740DCC

#CC0D64

#CC0DC4

Triadic

#CC0DC4

#C4CC0D

#0DC4CC

Split Complementary

#CC0DC4

#64CC0D

#0DCC74

Tetradic

#CC0DC4

#CC740D

#0DCC15

#0D64CC

Color Blindness Simulation

Original

#CC0DC4

Protanopia

#797898

Deuteranopia

#84938D

Tritanopia

#C2756D

Achromatopsia

#434343

CSS Usage

background-color: #CC0DC4;
color: #CC0DC4;
border-color: #CC0DC4;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FD
100
#FBE0F9
200
#FBBCF8
300
#F88CF3
400
#F44EED
500
#F00FE6
600
#C00CB8
700
#990A93
800
#780873
900
#570A54
950
#370635

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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