#CC78D3

#CC78D3

Color Values

HEX

#CC78D3

RGB

204, 120, 211

HSL

295.4, 50.8%, 64.9%

HSV

295.4, 43.1%, 82.7%

CMYK

3.3%, 43.1%, 0.0%, 17.3%

OKLCH

0.6957 0.1566 324.3

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#CC78D3

#7FD378

Analogous

#9F78D3

#D378AC

#CC78D3

Triadic

#CC78D3

#D3CC78

#78D3CC

Split Complementary

#CC78D3

#ACD378

#78D39F

Tetradic

#CC78D3

#D39F78

#7FD378

#78ACD3

Color Blindness Simulation

Original

#CC78D3

Protanopia

#A8A7BD

Deuteranopia

#ACB3B8

Tritanopia

#C8ACA8

Achromatopsia

#909090

CSS Usage

background-color: #CC78D3;
color: #CC78D3;
border-color: #CC78D3;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC9ED
300
#DCA3E1
400
#C971D1
500
#B63FC0
600
#92329A
700
#75287B
800
#5B1F60
900
#431A47
950
#2A112D

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

7.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026