#D65388

#D65388

Color Values

HEX

#D65388

RGB

214, 83, 136

HSL

335.7, 61.5%, 58.2%

HSV

335.7, 61.2%, 83.9%

CMYK

0.0%, 61.2%, 36.4%, 16.1%

OKLCH

0.6285 0.1719 358.1

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#D65388

#53D6A1

Analogous

#D653CA

#D65F53

#D65388

Triadic

#D65388

#88D653

#5388D6

Split Complementary

#D65388

#53D65F

#53CAD6

Tetradic

#D65388

#CAD653

#53D6A1

#5F53D6

Color Blindness Simulation

Original

#D65388

Protanopia

#9D9C7B

Deuteranopia

#A5AF78

Tritanopia

#CF716F

Achromatopsia

#737373

CSS Usage

background-color: #D65388;
color: #D65388;
border-color: #D65388;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F7
100
#F6E4EB
200
#F1C5D7
300
#E79CBB
400
#DB6796
500
#CE3171
600
#A5275A
700
#841F48
800
#671938
900
#4B162B
950
#300E1B

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026