#DECEE3

#DECEE3

Color Values

HEX

#DECEE3

RGB

222, 206, 227

HSL

285,7, 27,3%, 84,9%

HSV

285,7, 9,3%, 89,0%

CMYK

2,2%, 9,3%, 0,0%, 11,0%

OKLCH

0,8707 0,0333 318,1

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DECEE3

#D3E3CE

Analogous

#D3CEE3

#E3CEDE

#DECEE3

Triadic

#DECEE3

#E3DECE

#CEE3DE

Split Complementary

#DECEE3

#DEE3CE

#CEE3D3

Tetradic

#DECEE3

#E3D3CE

#D3E3CE

#CEDEE3

Color Blindness Simulation

Original

#DECEE3

Protanopia

#D7D7DE

Deuteranopia

#D8D9DD

Tritanopia

#DDDAD9

Achromatopsia

#D3D3D3

CSS Usage

background-color: #DECEE3;
color: #DECEE3;
border-color: #DECEE3;
Nearest Tailwind: Purple 100 #F3E8FF

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E0D2E5
300
#CBB1D3
400
#AE87BA
500
#925DA2
600
#754A82
700
#5D3B68
800
#492E51
900
#37253C
950
#231726

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

14,04:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026