#CD5384

#CD5384

Color Values

HEX

#CD5384

RGB

205, 83, 132

HSL

335.9, 55.0%, 56.5%

HSV

335.9, 59.5%, 80.4%

CMYK

0.0%, 59.5%, 35.6%, 19.6%

OKLCH

0.6139 0.1617 357.9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CD5384

#53CD9C

Analogous

#CD53C1

#CD5F53

#CD5384

Triadic

#CD5384

#84CD53

#5384CD

Split Complementary

#CD5384

#53CD5F

#53C1CD

Tetradic

#CD5384

#C1CD53

#53CD9C

#5F53CD

Color Blindness Simulation

Original

#CD5384

Protanopia

#989778

Deuteranopia

#9FA875

Tritanopia

#C76F6D

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EFC8D7
300
#E3A0BB
400
#D56D96
500
#C63972
600
#9E2E5B
700
#7E2549
800
#631D39
900
#48182C
950
#2E0F1C

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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