#D2CEFC

#D2CEFC

Color Values

HEX

#D2CEFC

RGB

210, 206, 252

HSL

245,2, 88,5%, 89,8%

HSV

245,2, 18,3%, 98,8%

CMYK

16,7%, 18,3%, 0,0%, 1,2%

OKLCH

0,8696 0,0633 289,0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#D2CEFC

#F8FCCE

Analogous

#CEE1FC

#E9CEFC

#D2CEFC

Triadic

#D2CEFC

#FCD2CE

#CEFCD2

Split Complementary

#D2CEFC

#FCE9CE

#E1FCCE

Tetradic

#D2CEFC

#FCCEE1

#F8FCCE

#CEFCE9

Color Blindness Simulation

Original

#D2CEFC

Protanopia

#D0D0F1

Deuteranopia

#D0D1EE

Tritanopia

#D2E8E6

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E0FB
200
#C1BCFB
300
#958CF8
400
#5C4DF4
500
#220FF0
600
#1B0CC0
700
#16099A
800
#110778
900
#110A57
950
#0A0637

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

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