#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