#CC76BE

#CC76BE

Color Values

HEX

#CC76BE

RGB

204, 118, 190

HSL

309.8, 45.7%, 63.1%

HSV

309.8, 42.2%, 80.0%

CMYK

0.0%, 42.2%, 6.9%, 20.0%

OKLCH

0.6835 0.1406 333.2

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CC76BE

#76CC84

Analogous

#AF76CC

#CC7693

#CC76BE

Triadic

#CC76BE

#BECC76

#76BECC

Split Complementary

#CC76BE

#93CC76

#76CCAF

Tetradic

#CC76BE

#CCAF76

#76CC84

#7693CC

Color Blindness Simulation

Original

#CC76BE

Protanopia

#A7A6AD

Deuteranopia

#ACB2A8

Tritanopia

#C89F9C

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#ECCBE6
300
#DEA6D5
400
#CC76BE
500
#BA45A7
600
#953785
700
#772C6B
800
#5D2353
900
#441D3E
950
#2B1227

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

6.9:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026