#DECAF0

#DECAF0

Color Values

HEX

#DECAF0

RGB

222, 202, 240

HSL

271.6, 55.9%, 86.7%

HSV

271.6, 15.8%, 94.1%

CMYK

7.5%, 15.8%, 0.0%, 5.9%

OKLCH

0.8673 0.0559 308.9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DECAF0

#DCF0CA

Analogous

#CBCAF0

#F0CAEF

#DECAF0

Triadic

#DECAF0

#F0DECA

#CAF0DE

Split Complementary

#DECAF0

#EFF0CA

#CAF0CB

Tetradic

#DECAF0

#F0CBCA

#DCF0CA

#CAEFF0

Color Blindness Simulation

Original

#DECAF0

Protanopia

#D5D5E7

Deuteranopia

#D6D8E5

Tritanopia

#DDE0DE

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DCC7EF
300
#C4A0E4
400
#A36CD5
500
#8338C7
600
#692D9F
700
#54247F
800
#421C63
900
#321849
950
#1F0F2E

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.81:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026