#D4D2FC

#D4D2FC

Color Values

HEX

#D4D2FC

RGB

212, 210, 252

HSL

242.9, 87.5%, 90.6%

HSV

242.9, 16.7%, 98.8%

CMYK

15.9%, 16.7%, 0.0%, 1.2%

OKLCH

0.8789 0.0576 287.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#D4D2FC

#FAFCD2

Analogous

#D2E5FC

#E9D2FC

#D4D2FC

Triadic

#D4D2FC

#FCD4D2

#D2FCD4

Split Complementary

#D4D2FC

#FCE9D2

#E5FCD2

Tetradic

#D4D2FC

#FCD2E5

#FAFCD2

#D2FCE9

Color Blindness Simulation

Original

#D4D2FC

Protanopia

#D3D3F2

Deuteranopia

#D3D3EF

Tritanopia

#D4EAE8

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BFBCFB
300
#918CF7
400
#564EF3
500
#1B10EF
600
#150DBF
700
#110A99
800
#0D0878
900
#0E0A57
950
#090737

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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