#D94B86

#D94B86

Color Values

HEX

#D94B86

RGB

217, 75, 134

HSL

335.1, 65.1%, 57.3%

HSV

335.1, 65.4%, 85.1%

CMYK

0.0%, 65.4%, 38.2%, 14.9%

OKLCH

0.6233 0.1845 358.3

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#D94B86

#4BD99E

Analogous

#D94BCD

#D9574B

#D94B86

Triadic

#D94B86

#86D94B

#4B86D9

Split Complementary

#D94B86

#4BD957

#4BCDD9

Tetradic

#D94B86

#CDD94B

#4BD99E

#574BD9

Color Blindness Simulation

Original

#D94B86

Protanopia

#9B9A78

Deuteranopia

#A4AE74

Tritanopia

#D26C6A

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EB
200
#F3C4D7
300
#EA9ABB
400
#DE6396
500
#D32C71
600
#A8245B
700
#871C49
800
#691639
900
#4D142C
950
#310D1C

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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