#DEC4D1

#DEC4D1

Color Values

HEX

#DEC4D1

RGB

222, 196, 209

HSL

330.0, 28.3%, 82.0%

HSV

330.0, 11.7%, 87.1%

CMYK

0.0%, 11.7%, 5.9%, 12.9%

OKLCH

0.8459 0.034 346.2

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DEC4D1

#C4DED1

Analogous

#DEC4DE

#DEC4C4

#DEC4D1

Triadic

#DEC4D1

#D1DEC4

#C4D1DE

Split Complementary

#DEC4D1

#C4DEC4

#C4DEDE

Tetradic

#DEC4D1

#DEDEC4

#C4DED1

#C4C4DE

Color Blindness Simulation

Original

#DEC4D1

Protanopia

#D3D3CE

Deuteranopia

#D4D6CD

Tritanopia

#DDCBCB

Achromatopsia

#CACACA

CSS Usage

background-color: #DEC4D1;
color: #DEC4D1;
border-color: #DEC4D1;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E5D1DB
300
#D3B0C2
400
#BB86A1
500
#A45B80
600
#834966
700
#693B52
800
#522E40
900
#3D2430
950
#26171F

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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