#DEC9CC

#DEC9CC

Color Values

HEX

#DEC9CC

RGB

222, 201, 204

HSL

351.4, 24.1%, 82.9%

HSV

351.4, 9.5%, 87.1%

CMYK

0.0%, 9.5%, 8.1%, 12.9%

OKLCH

0.8541 0.0239 7.8

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#DEC9CC

#C9DEDB

Analogous

#DEC9D6

#DED0C9

#DEC9CC

Triadic

#DEC9CC

#CCDEC9

#C9CCDE

Split Complementary

#DEC9CC

#C9DED0

#C9D6DE

Tetradic

#DEC9CC

#D6DEC9

#C9DEDB

#D0C9DE

Color Blindness Simulation

Original

#DEC9CC

Protanopia

#D5D5CB

Deuteranopia

#D6D8CB

Tritanopia

#DDCBCB

Achromatopsia

#CECECE

CSS Usage

background-color: #DEC9CC;
color: #DEC9CC;
border-color: #DEC9CC;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F9F6F6
100
#F1E9EB
200
#E4D3D5
300
#D1B3B7
400
#B78A90
500
#9E616A
600
#7F4D54
700
#653E44
800
#4F3035
900
#3B2629
950
#25181A

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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