#D9DCFE

#D9DCFE

Color Values

HEX

#D9DCFE

RGB

217, 220, 254

HSL

235.1, 94.9%, 92.4%

HSV

235.1, 14.6%, 99.6%

CMYK

14.6%, 13.4%, 0.0%, 0.4%

OKLCH

0.9028 0.0465 281.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D9DCFE

#FEFBD9

Analogous

#D9EFFE

#E9D9FE

#D9DCFE

Triadic

#D9DCFE

#FED9DC

#DCFED9

Split Complementary

#D9DCFE

#FEE9D9

#EFFED9

Tetradic

#D9DCFE

#FED9EF

#FEFBD9

#D9FEE9

Color Blindness Simulation

Original

#D9DCFE

Protanopia

#DADAF6

Deuteranopia

#DADAF4

Tritanopia

#D9EFEE

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE1FC
200
#B9BFFD
300
#8891FC
400
#4756FA
500
#071AF8
600
#0515C7
700
#04119F
800
#030D7C
900
#070E5A
950
#040939

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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