#CC12ED

#CC12ED

Color Values

HEX

#CC12ED

RGB

204, 18, 237

HSL

291.0, 85.9%, 50.0%

HSV

291.0, 92.4%, 92.9%

CMYK

13.9%, 92.4%, 0.0%, 7.1%

OKLCH

0.6181 0.2899 320.2

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#CC12ED

#33ED12

Analogous

#5F12ED

#ED12A0

#CC12ED

Triadic

#CC12ED

#EDCC12

#12EDCC

Split Complementary

#CC12ED

#A0ED12

#12ED5F

Tetradic

#CC12ED

#ED5F12

#33ED12

#12A0ED

Color Blindness Simulation

Original

#CC12ED

Protanopia

#7B7AB8

Deuteranopia

#8694AB

Tritanopia

#C38E85

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F6E0FA
200
#F1BDFA
300
#E78DF6
400
#D950F2
500
#CC12ED
600
#A30EBE
700
#830C98
800
#660977
900
#4B0B56
950
#2F0736

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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