#D2D7FB

#D2D7FB

Color Values

HEX

#D2D7FB

RGB

210, 215, 251

HSL

232.7, 83.7%, 90.4%

HSV

232.7, 16.3%, 98.4%

CMYK

16.3%, 14.3%, 0.0%, 1.6%

OKLCH

0.8868 0.0498 279.1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D2D7FB

#FBF6D2

Analogous

#D2ECFB

#E2D2FB

#D2D7FB

Triadic

#D2D7FB

#FBD2D7

#D7FBD2

Split Complementary

#D2D7FB

#FBE2D2

#ECFBD2

Tetradic

#D2D7FB

#FBD2EC

#FBF6D2

#D2FBE2

Color Blindness Simulation

Original

#D2D7FB

Protanopia

#D4D4F2

Deuteranopia

#D4D4F0

Tritanopia

#D2EBEA

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E4FA
200
#BDC5F9
300
#8F9BF5
400
#5265F0
500
#152FEA
600
#1125BB
700
#0D1E96
800
#0A1775
900
#0C1555
950
#080D36

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.85:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026