#D2DBF3

#D2DBF3

Color Values

HEX

#D2DBF3

RGB

210, 219, 243

HSL

223.6, 57.9%, 88.8%

HSV

223.6, 13.6%, 95.3%

CMYK

13.6%, 9.9%, 0.0%, 4.7%

OKLCH

0.892 0.0344 269.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D2DBF3

#F3EAD2

Analogous

#D2EBF3

#D9D2F3

#D2DBF3

Triadic

#D2DBF3

#F3D2DB

#DBF3D2

Split Complementary

#D2DBF3

#F3D9D2

#EBF3D2

Tetradic

#D2DBF3

#F3D2EB

#F3EAD2

#D2F3D9

Color Blindness Simulation

Original

#D2DBF3

Protanopia

#D6D6ED

Deuteranopia

#D5D5EC

Tritanopia

#D2E9E8

Achromatopsia

#DBDBDB

CSS Usage

background-color: #D2DBF3;
color: #D2DBF3;
border-color: #D2DBF3;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F4F6FB
100
#E4E9F6
200
#C7D2F0
300
#9EB2E5
400
#6A88D7
500
#365EC9
600
#2B4BA1
700
#223C81
800
#1B2F65
900
#17254A
950
#0F172F

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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