#CD77A0

#CD77A0

Color Values

HEX

#CD77A0

RGB

205, 119, 160

HSL

331.4, 46.2%, 63.5%

HSV

331.4, 42.0%, 80.4%

CMYK

0.0%, 42.0%, 22.0%, 19.6%

OKLCH

0.675 0.1179 350.7

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CD77A0

#77CDA4

Analogous

#CD77CB

#CD7977

#CD77A0

Triadic

#CD77A0

#A0CD77

#77A0CD

Split Complementary

#CD77A0

#77CD79

#77CBCD

Tetradic

#CD77A0

#CBCD77

#77CDA4

#7977CD

Color Blindness Simulation

Original

#CD77A0

Protanopia

#A8A796

Deuteranopia

#ADB394

Tritanopia

#C98E8D

Achromatopsia

#8C8C8C

CSS Usage

background-color: #CD77A0;
color: #CD77A0;
border-color: #CD77A0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDB
300
#DEA6C0
400
#CC759F
500
#BA457D
600
#953764
700
#772C50
800
#5D223E
900
#451C30
950
#2B121E

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.74: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