#DECFF8

#DECFF8

Color Values

HEX

#DECFF8

RGB

222, 207, 248

HSL

262,0, 74,5%, 89,2%

HSV

262,0, 16,5%, 97,3%

CMYK

10,5%, 16,5%, 0,0%, 2,7%

OKLCH

0,8796 0,0579 301,9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DECFF8

#E9F8CF

Analogous

#CFD4F8

#F3CFF8

#DECFF8

Triadic

#DECFF8

#F8DECF

#CFF8DE

Split Complementary

#DECFF8

#F8F3CF

#D4F8CF

Tetradic

#DECFF8

#F8CFD4

#E9F8CF

#CFF8F3

Color Blindness Simulation

Original

#DECFF8

Protanopia

#D8D7EE

Deuteranopia

#D8D9EC

Tritanopia

#DDE6E5

Achromatopsia

#D5D5D5

CSS Usage

background-color: #DECFF8;
color: #DECFF8;
border-color: #DECFF8;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F6F3FC
100
#EAE2F8
200
#D4C1F6
300
#B694EF
400
#8E5AE7
500
#6621DE
600
#521AB2
700
#41158E
800
#33106F
900
#281051
950
#190A33

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

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