#D7D4FB

#D7D4FB

Color Values

HEX

#D7D4FB

RGB

215, 212, 251

HSL

244.6, 83.0%, 90.8%

HSV

244.6, 15.5%, 98.4%

CMYK

14.3%, 15.5%, 0.0%, 1.6%

OKLCH

0.8847 0.0534 288.8

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#D7D4FB

#F8FBD4

Analogous

#D4E5FB

#EBD4FB

#D7D4FB

Triadic

#D7D4FB

#FBD7D4

#D4FBD7

Split Complementary

#D7D4FB

#FBEBD4

#E5FBD4

Tetradic

#D7D4FB

#FBD4E5

#F8FBD4

#D4FBEB

Color Blindness Simulation

Original

#D7D4FB

Protanopia

#D6D6F2

Deuteranopia

#D6D6EF

Tritanopia

#D7EAE8

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E1FA
200
#C2BEF9
300
#978FF5
400
#5E52EF
500
#2616E9
600
#1E11BB
700
#180E95
800
#130B75
900
#120C55
950
#0B0835

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.7:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026