#D384A2

#D384A2

Color Values

HEX

#D384A2

RGB

211, 132, 162

HSL

337.2, 47.3%, 67.3%

HSV

337.2, 37.4%, 82.7%

CMYK

0.0%, 37.4%, 23.2%, 17.3%

OKLCH

0.7042 0.1035 355.8

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#D384A2

#84D3B5

Analogous

#D384CA

#D38E84

#D384A2

Triadic

#D384A2

#A2D384

#84A2D3

Split Complementary

#D384A2

#84D38E

#84CAD3

Tetradic

#D384A2

#CAD384

#84D3B5

#8E84D3

Color Blindness Simulation

Original

#D384A2

Protanopia

#B1B09B

Deuteranopia

#B5BB99

Tritanopia

#CF9594

Achromatopsia

#979797

CSS Usage

background-color: #D384A2;
color: #D384A2;
border-color: #D384A2;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#ECCAD7
300
#DFA5BB
400
#CD7496
500
#BC4371
600
#96365A
700
#782B48
800
#5E2239
900
#451C2B
950
#2C121B

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.59:1

AA Pass AAA Pass

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