#DEBAB2

#DEBAB2

Color Values

HEX

#DEBAB2

RGB

222, 186, 178

HSL

10.9, 40.0%, 78.4%

HSV

10.9, 19.8%, 87.1%

CMYK

0.0%, 16.2%, 19.8%, 12.9%

OKLCH

0.8181 0.0431 32.6

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#DEBAB2

#B2D6DE

Analogous

#DEB2C0

#DED0B2

#DEBAB2

Triadic

#DEBAB2

#B2DEBA

#BAB2DE

Split Complementary

#DEBAB2

#B2DED0

#B2C0DE

Tetradic

#DEBAB2

#C0DEB2

#B2D6DE

#D0B2DE

Color Blindness Simulation

Original

#DEBAB2

Protanopia

#CECEB4

Deuteranopia

#D0D3B4

Tritanopia

#DCB5B6

Achromatopsia

#C1C1C1

CSS Usage

background-color: #DEBAB2;
color: #DEBAB2;
border-color: #DEBAB2;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#EAD2CD
300
#DAB2A9
400
#C6897B
500
#B25F4C
600
#8F4C3D
700
#723D31
800
#593026
900
#42251F
950
#2A1814

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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