#D2D3FF

#D2D3FF

Color Values

HEX

#D2D3FF

RGB

210, 211, 255

HSL

238.7, 100.0%, 91.2%

HSV

238.7, 17.6%, 100.0%

CMYK

17.6%, 17.3%, 0.0%, 0.0%

OKLCH

0.8803 0.0605 284.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#D2D3FF

#FFFED2

Analogous

#D2EAFF

#E8D2FF

#D2D3FF

Triadic

#D2D3FF

#FFD2D3

#D3FFD2

Split Complementary

#D2D3FF

#FFE8D2

#EAFFD2

Tetradic

#D2D3FF

#FFD2EA

#FFFED2

#D2FFE8

Color Blindness Simulation

Original

#D2D3FF

Protanopia

#D2D2F4

Deuteranopia

#D2D2F2

Tritanopia

#D2ECEA

Achromatopsia

#D6D6D6

CSS Usage

background-color: #D2D3FF;
color: #D2D3FF;
border-color: #D2D3FF;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8B9FF
300
#8587FF
400
#4246FF
500
#0006FF
600
#0004CC
700
#0004A3
800
#000380
900
#05075C
950
#03043A

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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