#DEB8CD

#DEB8CD

Color Values

HEX

#DEB8CD

RGB

222, 184, 205

HSL

326.8, 36.5%, 79.6%

HSV

326.8, 17.1%, 87.1%

CMYK

0.0%, 17.1%, 7.7%, 12.9%

OKLCH

0.822 0.0516 344.0

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DEB8CD

#B8DEC9

Analogous

#DCB8DE

#DEB8BA

#DEB8CD

Triadic

#DEB8CD

#CDDEB8

#B8CDDE

Split Complementary

#DEB8CD

#BADEB8

#B8DEDC

Tetradic

#DEB8CD

#DEDCB8

#B8DEC9

#B8BADE

Color Blindness Simulation

Original

#DEB8CD

Protanopia

#CECDC8

Deuteranopia

#D0D3C7

Tritanopia

#DCC4C3

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EE
200
#E8CEDD
300
#D8ABC4
400
#C37EA4
500
#AE5184
600
#8B416A
700
#6F3455
800
#572842
900
#402132
950
#291520

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.84:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026