#DCCFE9

#DCCFE9

Color Values

HEX

#DCCFE9

RGB

220, 207, 233

HSL

270.0, 37.1%, 86.3%

HSV

270.0, 11.2%, 91.4%

CMYK

5.6%, 11.2%, 0.0%, 8.6%

OKLCH

0.8729 0.038 308.0

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#DCCFE9

#DCE9CF

Analogous

#CFCFE9

#E9CFE9

#DCCFE9

Triadic

#DCCFE9

#E9DCCF

#CFE9DC

Split Complementary

#DCCFE9

#E9E9CF

#CFE9CF

Tetradic

#DCCFE9

#E9CFCF

#DCE9CF

#CFE9E9

Color Blindness Simulation

Original

#DCCFE9

Protanopia

#D6D6E3

Deuteranopia

#D7D8E1

Tritanopia

#DBDEDD

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DBCEE9
300
#C2ABD9
400
#A17EC4
500
#8050AF
600
#66408C
700
#523370
800
#402857
900
#302041
950
#1F1429

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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