#CC67C1

#CC67C1

Color Values

HEX

#CC67C1

RGB

204, 103, 193

HSL

306.5, 49.8%, 60.2%

HSV

306.5, 49.5%, 80.0%

CMYK

0.0%, 49.5%, 5.4%, 20.0%

OKLCH

0.6628 0.1684 331.5

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CC67C1

#67CC72

Analogous

#A467CC

#CC678F

#CC67C1

Triadic

#CC67C1

#C1CC67

#67C1CC

Split Complementary

#CC67C1

#8FCC67

#67CCA4

Tetradic

#CC67C1

#CCA467

#67CC72

#678FCC

Color Blindness Simulation

Original

#CC67C1

Protanopia

#A09FAB

Deuteranopia

#A6AEA6

Tritanopia

#C79A96

Achromatopsia

#838383

CSS Usage

background-color: #CC67C1;
color: #CC67C1;
border-color: #CC67C1;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDCAE9
300
#E0A3DA
400
#D072C5
500
#BF40B1
600
#99338E
700
#7A2971
800
#5F2059
900
#461B41
950
#2C1129

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.28:1

AA Pass AAA Fail

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