#D2D6FB

#D2D6FB

Color Values

HEX

#D2D6FB

RGB

210, 214, 251

HSL

234.1, 83.7%, 90.4%

HSV

234.1, 16.3%, 98.4%

CMYK

16.3%, 14.7%, 0.0%, 1.6%

OKLCH

0.8848 0.051 280.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D2D6FB

#FBF7D2

Analogous

#D2EBFB

#E2D2FB

#D2D6FB

Triadic

#D2D6FB

#FBD2D6

#D6FBD2

Split Complementary

#D2D6FB

#FBE2D2

#EBFBD2

Tetradic

#D2D6FB

#FBD2EB

#FBF7D2

#D2FBE2

Color Blindness Simulation

Original

#D2D6FB

Protanopia

#D4D4F2

Deuteranopia

#D4D3F0

Tritanopia

#D2EBE9

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E3FA
200
#BDC3F9
300
#8F99F5
400
#5261F0
500
#152AEA
600
#1121BB
700
#0D1B96
800
#0A1575
900
#0C1355
950
#080C36

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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