#CC0CF3

#CC0CF3

Color Values

HEX

#CC0CF3

RGB

204, 12, 243

HSL

289,9, 90,6%, 50,0%

HSV

289,9, 95,1%, 95,3%

CMYK

16,0%, 95,1%, 0,0%, 4,7%

OKLCH

0,6209 0,2959 318,9

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#CC0CF3

#33F30C

Analogous

#590CF3

#F30CA6

#CC0CF3

Triadic

#CC0CF3

#F3CC0C

#0CF3CC

Split Complementary

#CC0CF3

#A6F30C

#0CF359

Tetradic

#CC0CF3

#F3590C

#33F30C

#0CA6F3

Color Blindness Simulation

Original

#CC0CF3

Protanopia

#7977BB

Deuteranopia

#8492AE

Tritanopia

#C28F85

Achromatopsia

#454545

CSS Usage

background-color: #CC0CF3;
color: #CC0CF3;
border-color: #CC0CF3;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FBF1FD
100
#F6DFFB
200
#F1BBFC
300
#E78AF9
400
#D94BF6
500
#CC0CF3
600
#A30AC2
700
#83089C
800
#66067A
900
#4B0958
950
#2F0638

Contrast Checker

Text on white

4,27:1

AA Fail AAA Fail

Text on black

4,91:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026