#CD5687

#CD5687

Color Values

HEX

#CD5687

RGB

205, 86, 135

HSL

335.3, 54.3%, 57.1%

HSV

335.3, 58.0%, 80.4%

CMYK

0.0%, 58.0%, 34.1%, 19.6%

OKLCH

0.6187 0.1586 357.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CD5687

#56CD9C

Analogous

#CD56C3

#CD6156

#CD5687

Triadic

#CD5687

#87CD56

#5687CD

Split Complementary

#CD5687

#56CD61

#56C3CD

Tetradic

#CD5687

#C3CD56

#56CD9C

#6156CD

Color Blindness Simulation

Original

#CD5687

Protanopia

#99987B

Deuteranopia

#A0A978

Tritanopia

#C77270

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EFC8D8
300
#E3A1BC
400
#D46D98
500
#C53A73
600
#9D2F5C
700
#7E254A
800
#621D3A
900
#48192C
950
#2E101C

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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