#CC0EC8

#CC0EC8

Color Values

HEX

#CC0EC8

RGB

204, 14, 200

HSL

301.3, 87.2%, 42.7%

HSV

301.3, 93.1%, 80.0%

CMYK

0.0%, 93.1%, 2.0%, 20.0%

OKLCH

0.5934 0.2662 329.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC0EC8

#0ECC12

Analogous

#710ECC

#CC0E69

#CC0EC8

Triadic

#CC0EC8

#C8CC0E

#0EC8CC

Split Complementary

#CC0EC8

#69CC0E

#0ECC71

Tetradic

#CC0EC8

#CC710E

#0ECC12

#0E69CC

Color Blindness Simulation

Original

#CC0EC8

Protanopia

#7A789B

Deuteranopia

#859390

Tritanopia

#C27770

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#FABCF9
300
#F78CF5
400
#F34EEF
500
#EF10EA
600
#BF0DBB
700
#990A96
800
#770875
900
#560A55
950
#370736

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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