#D4CEFD

#D4CEFD

Color Values

HEX

#D4CEFD

RGB

212, 206, 253

HSL

247.7, 92.2%, 90.0%

HSV

247.7, 18.6%, 99.2%

CMYK

16.2%, 18.6%, 0.0%, 0.8%

OKLCH

0.8715 0.0648 290.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#D4CEFD

#F7FDCE

Analogous

#CEDFFD

#ECCEFD

#D4CEFD

Triadic

#D4CEFD

#FDD4CE

#CEFDD4

Split Complementary

#D4CEFD

#FDECCE

#DFFDCE

Tetradic

#D4CEFD

#FDCEDF

#F7FDCE

#CEFDEC

Color Blindness Simulation

Original

#D4CEFD

Protanopia

#D1D1F2

Deuteranopia

#D2D2EF

Tritanopia

#D4E9E7

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C3BAFC
300
#9889FA
400
#604AF8
500
#280AF5
600
#2008C4
700
#1A069D
800
#14057B
900
#130859
950
#0C0538

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026