#DEC0EB

#DEC0EB

Color Values

HEX

#DEC0EB

RGB

222, 192, 235

HSL

281.9, 51.8%, 83.7%

HSV

281.9, 18.3%, 92.2%

CMYK

5.5%, 18.3%, 0.0%, 7.8%

OKLCH

0.8468 0.067 315.6

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#DEC0EB

#CDEBC0

Analogous

#C8C0EB

#EBC0E2

#DEC0EB

Triadic

#DEC0EB

#EBDEC0

#C0EBDE

Split Complementary

#DEC0EB

#E2EBC0

#C0EBC8

Tetradic

#DEC0EB

#EBC8C0

#CDEBC0

#C0E2EB

Color Blindness Simulation

Original

#DEC0EB

Protanopia

#D1D1E1

Deuteranopia

#D3D5DE

Tritanopia

#DCD8D7

Achromatopsia

#C9C9C9

CSS Usage

background-color: #DEC0EB;
color: #DEC0EB;
border-color: #DEC0EB;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F9F4FB
100
#F0E5F5
200
#E3C9EE
300
#CEA2E2
400
#B470D2
500
#9A3DC2
600
#7B319B
700
#62277C
800
#4D1F61
900
#391A47
950
#24102D

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.85:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026