#CD3177

#CD3177

Color Values

HEX

#CD3177

RGB

205, 49, 119

HSL

333.1, 61.4%, 49.8%

HSV

333.1, 76.1%, 80.4%

CMYK

0.0%, 76.1%, 42.0%, 19.6%

OKLCH

0.5747 0.1987 358.6

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#CD3177

#31CD87

Analogous

#CD31C5

#CD3931

#CD3177

Triadic

#CD3177

#77CD31

#3177CD

Split Complementary

#CD3177

#31CD39

#31C5CD

Tetradic

#CD3177

#C5CD31

#31CD87

#3931CD

Color Blindness Simulation

Original

#CD3177

Protanopia

#898866

Deuteranopia

#929E62

Tritanopia

#C55956

Achromatopsia

#575757

CSS Usage

background-color: #CD3177;
color: #CD3177;
border-color: #CD3177;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FBF3F7
100
#F6E4EC
200
#F1C5D9
300
#E79CBE
400
#DB679B
500
#CE3177
600
#A52760
700
#841F4C
800
#67193C
900
#4B162E
950
#300E1D

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026