#CC4DCE

#CC4DCE

Color Values

HEX

#CC4DCE

RGB

204, 77, 206

HSL

299.1, 56.8%, 55.5%

HSV

299.1, 62.6%, 80.8%

CMYK

1.0%, 62.6%, 0.0%, 19.2%

OKLCH

0.6373 0.2179 327.1

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#CC4DCE

#4FCE4D

Analogous

#8C4DCE

#CE4D8F

#CC4DCE

Triadic

#CC4DCE

#CECC4D

#4DCECC

Split Complementary

#CC4DCE

#8FCE4D

#4DCE8C

Tetradic

#CC4DCE

#CE8C4D

#4FCE4D

#4D8FCE

Color Blindness Simulation

Original

#CC4DCE

Protanopia

#9594AF

Deuteranopia

#9CA6A7

Tritanopia

#C69691

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E5F6
200
#EFC7F0
300
#E49FE5
400
#D56BD6
500
#C637C8
600
#9E2CA0
700
#7F2380
800
#631C64
900
#481849
950
#2E0F2E

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026