#D84D96

#D84D96

Color Values

HEX

#D84D96

RGB

216, 77, 150

HSL

328.5, 64.1%, 57.5%

HSV

328.5, 64.4%, 84.7%

CMYK

0.0%, 64.4%, 30.6%, 15.3%

OKLCH

0.6294 0.1879 351.4

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#D84D96

#4DD88F

Analogous

#D54DD8

#D84D51

#D84D96

Triadic

#D84D96

#96D84D

#4D96D8

Split Complementary

#D84D96

#51D84D

#4DD8D5

Tetradic

#D84D96

#D8D54D

#4DD88F

#4D51D8

Color Blindness Simulation

Original

#D84D96

Protanopia

#9C9B84

Deuteranopia

#A4AE80

Tritanopia

#D17673

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F2C4DC
300
#E99BC4
400
#DD64A4
500
#D12E84
600
#A72569
700
#861D54
800
#691742
900
#4C1432
950
#300D1F

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026