#CC0DC6

#CC0DC6

Color Values

HEX

#CC0DC6

RGB

204, 13, 198

HSL

301.9, 88.0%, 42.5%

HSV

301.9, 93.6%, 80.0%

CMYK

0.0%, 93.6%, 2.9%, 20.0%

OKLCH

0.592 0.2652 329.9

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC0DC6

#0DCC13

Analogous

#720DCC

#CC0D66

#CC0DC6

Triadic

#CC0DC6

#C6CC0D

#0DC6CC

Split Complementary

#CC0DC6

#66CC0D

#0DCC72

Tetradic

#CC0DC6

#CC720D

#0DCC13

#0D66CC

Color Blindness Simulation

Original

#CC0DC6

Protanopia

#797899

Deuteranopia

#84938E

Tritanopia

#C2766E

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBCF9
300
#F88CF4
400
#F44EEE
500
#F00FE9
600
#C00CBA
700
#990A95
800
#780874
900
#570A54
950
#370635

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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