#DCD9FE

#DCD9FE

Color Values

HEX

#DCD9FE

RGB

220, 217, 254

HSL

244.9, 94.9%, 92.4%

HSV

244.9, 14.6%, 99.6%

CMYK

13.4%, 14.6%, 0.0%, 0.4%

OKLCH

0.8993 0.0505 289.1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#DCD9FE

#FBFED9

Analogous

#D9E9FE

#EFD9FE

#DCD9FE

Triadic

#DCD9FE

#FEDCD9

#D9FEDC

Split Complementary

#DCD9FE

#FEEFD9

#E9FED9

Tetradic

#DCD9FE

#FED9E9

#FBFED9

#D9FEEF

Color Blindness Simulation

Original

#DCD9FE

Protanopia

#DBDBF5

Deuteranopia

#DBDBF3

Tritanopia

#DCEEEC

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E1DFFC
200
#BFB9FD
300
#9188FC
400
#5647FA
500
#1A07F8
600
#1505C7
700
#11049F
800
#0D037C
900
#0E075A
950
#090439

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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