#DE9DA3

#DE9DA3

Color Values

HEX

#DE9DA3

RGB

222, 157, 163

HSL

354,5, 49,6%, 74,3%

HSV

354,5, 29,3%, 87,1%

CMYK

0,0%, 29,3%, 26,6%, 12,9%

OKLCH

0,7602 0,0781 13,0

Properties

Warm Light Nearest: lightpink 2

Color Harmonies

Complementary

#DE9DA3

#9DDED8

Analogous

#DE9DC3

#DEB89D

#DE9DA3

Triadic

#DE9DA3

#A3DE9D

#9DA3DE

Split Complementary

#DE9DA3

#9DDEB8

#9DC3DE

Tetradic

#DE9DA3

#C3DE9D

#9DDED8

#B89DDE

Color Blindness Simulation

Original

#DE9DA3

Protanopia

#C2C1A2

Deuteranopia

#C6CAA1

Tritanopia

#DBA0A0

Achromatopsia

#ABABAB

CSS Usage

background-color: #DE9DA3;
color: #DE9DA3;
border-color: #DE9DA3;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDCACD
300
#E0A3A9
400
#CF727A
500
#BF404C
600
#99333D
700
#7A2931
800
#5F2026
900
#461B1F
950
#2C1113

Contrast Checker

Text on white

2,22:1

AA Fail AAA Fail

Text on black

9,46:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026