#D9DDFE

#D9DDFE

Color Values

HEX

#D9DDFE

RGB

217, 221, 254

HSL

233.5, 94.9%, 92.4%

HSV

233.5, 14.6%, 99.6%

CMYK

14.6%, 13.0%, 0.0%, 0.4%

OKLCH

0.9048 0.0453 280.0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D9DDFE

#FEFAD9

Analogous

#D9F0FE

#E8D9FE

#D9DDFE

Triadic

#D9DDFE

#FED9DD

#DDFED9

Split Complementary

#D9DDFE

#FEE8D9

#F0FED9

Tetradic

#D9DDFE

#FED9F0

#FEFAD9

#D9FEE8

Color Blindness Simulation

Original

#D9DDFE

Protanopia

#DBDBF6

Deuteranopia

#DADAF4

Tritanopia

#D9F0EE

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DFE2FC
200
#B9C1FD
300
#8894FC
400
#475BFA
500
#0721F8
600
#051AC7
700
#04159F
800
#03107C
900
#07105A
950
#040A39

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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