#DDCEEB

#DDCEEB

Color Values

HEX

#DDCEEB

RGB

221, 206, 235

HSL

271.0, 42.0%, 86.5%

HSV

271.0, 12.3%, 92.2%

CMYK

6.0%, 12.3%, 0.0%, 7.8%

OKLCH

0.8725 0.0426 308.6

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DDCEEB

#DCEBCE

Analogous

#CFCEEB

#EBCEEB

#DDCEEB

Triadic

#DDCEEB

#EBDDCE

#CEEBDD

Split Complementary

#DDCEEB

#EBEBCE

#CEEBCF

Tetradic

#DDCEEB

#EBCFCE

#DCEBCE

#CEEBEB

Color Blindness Simulation

Original

#DDCEEB

Protanopia

#D7D6E4

Deuteranopia

#D7D8E2

Tritanopia

#DCDEDD

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DCCCEA
300
#C3A8DC
400
#A279C8
500
#814AB5
600
#673B91
700
#532F74
800
#41255B
900
#311E43
950
#1F132A

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026