#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

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