#DCCEEE

#DCCEEE

Color Values

HEX

#DCCEEE

RGB

220, 206, 238

HSL

266.2, 48.5%, 87.1%

HSV

266.2, 13.4%, 93.3%

CMYK

7.6%, 13.4%, 0.0%, 6.7%

OKLCH

0.8726 0.046 305.2

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCCEEE

#E0EECE

Analogous

#CED0EE

#ECCEEE

#DCCEEE

Triadic

#DCCEEE

#EEDCCE

#CEEEDC

Split Complementary

#DCCEEE

#EEECCE

#D0EECE

Tetradic

#DCCEEE

#EECED0

#E0EECE

#CEEEEC

Color Blindness Simulation

Original

#DCCEEE

Protanopia

#D6D6E6

Deuteranopia

#D7D8E4

Tritanopia

#DBE0DF

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE6F5
200
#D9CAED
300
#BEA4DF
400
#9B73CE
500
#7842BD
600
#603597
700
#4D2A79
800
#3C215F
900
#2E1B46
950
#1D112C

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.11: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