#DECFE8

#DECFE8

Color Values

HEX

#DECFE8

RGB

222, 207, 232

HSL

276,0, 35,2%, 86,1%

HSV

276,0, 10,8%, 91,0%

CMYK

4,3%, 10,8%, 0,0%, 9,0%

OKLCH

0,8742 0,0376 312,0

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DECFE8

#D9E8CF

Analogous

#D2CFE8

#E8CFE6

#DECFE8

Triadic

#DECFE8

#E8DECF

#CFE8DE

Split Complementary

#DECFE8

#E6E8CF

#CFE8D2

Tetradic

#DECFE8

#E8D2CF

#D9E8CF

#CFE6E8

Color Blindness Simulation

Original

#DECFE8

Protanopia

#D8D7E2

Deuteranopia

#D8D9E0

Tritanopia

#DDDDDC

Achromatopsia

#D4D4D4

CSS Usage

background-color: #DECFE8;
color: #DECFE8;
border-color: #DECFE8;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DECFE8
300
#C6ACD7
400
#A77FC2
500
#8853AC
600
#6D428A
700
#57356E
800
#442956
900
#342140
950
#211528

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,2: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