#CC6CD4

#CC6CD4

Color Values

HEX

#CC6CD4

RGB

204, 108, 212

HSL

295,4, 54,7%, 62,7%

HSV

295,4, 49,1%, 83,1%

CMYK

3,8%, 49,1%, 0,0%, 16,9%

OKLCH

0,6786 0,1774 324,4

Properties

Cool Light Nearest: orchid

Color Harmonies

Complementary

#CC6CD4

#74D46C

Analogous

#986CD4

#D46CA8

#CC6CD4

Triadic

#CC6CD4

#D4CC6C

#6CD4CC

Split Complementary

#CC6CD4

#A8D46C

#6CD498

Tetradic

#CC6CD4

#D4986C

#74D46C

#6CA8D4

Color Blindness Simulation

Original

#CC6CD4

Protanopia

#A2A2BB

Deuteranopia

#A8AFB5

Tritanopia

#C7A7A3

Achromatopsia

#888888

CSS Usage

background-color: #CC6CD4;
color: #CC6CD4;
border-color: #CC6CD4;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC8EF
300
#DEA0E3
400
#CC6DD4
500
#BB3AC5
600
#952E9E
700
#77257E
800
#5D1D63
900
#451948
950
#2B102E

Contrast Checker

Text on white

3,15:1

AA Fail AAA Fail

Text on black

6,66:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026