#D2CDFB

#D2CDFB

Color Values

HEX

#D2CDFB

RGB

210, 205, 251

HSL

246,5, 85,2%, 89,4%

HSV

246,5, 18,3%, 98,4%

CMYK

16,3%, 18,3%, 0,0%, 1,6%

OKLCH

0,8673 0,0634 290,0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#D2CDFB

#F6FBCD

Analogous

#CDDFFB

#E9CDFB

#D2CDFB

Triadic

#D2CDFB

#FBD2CD

#CDFBD2

Split Complementary

#D2CDFB

#FBE9CD

#DFFBCD

Tetradic

#D2CDFB

#FBCDDF

#F6FBCD

#CDFBE9

Color Blindness Simulation

Original

#D2CDFB

Protanopia

#D0D0F0

Deuteranopia

#D0D0ED

Tritanopia

#D2E7E5

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C3BDFA
300
#998EF6
400
#6250F1
500
#2A13EC
600
#220FBD
700
#1B0C97
800
#150976
900
#130B56
950
#0C0736

Contrast Checker

Text on white

1,51:1

AA Fail AAA Fail

Text on black

13,87: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