#D3D3ED

#D3D3ED

Color Values

HEX

#D3D3ED

RGB

211, 211, 237

HSL

240.0, 41.9%, 87.8%

HSV

240.0, 11.0%, 92.9%

CMYK

11.0%, 11.0%, 0.0%, 7.1%

OKLCH

0.8749 0.0356 285.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#D3D3ED

#EDEDD3

Analogous

#D3E0ED

#E0D3ED

#D3D3ED

Triadic

#D3D3ED

#EDD3D3

#D3EDD3

Split Complementary

#D3D3ED

#EDE0D3

#E0EDD3

Tetradic

#D3D3ED

#EDD3E0

#EDEDD3

#D3EDE0

Color Blindness Simulation

Original

#D3D3ED

Protanopia

#D3D3E7

Deuteranopia

#D3D3E5

Tritanopia

#D3E2E1

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCCEA
300
#A8A8DB
400
#7979C8
500
#4A4AB5
600
#3B3B91
700
#2F2F74
800
#25255A
900
#1E1E43
950
#13132A

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.31:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026