#D4CFFC

#D4CFFC

Color Values

HEX

#D4CFFC

RGB

212, 207, 252

HSL

246,7, 88,2%, 90,0%

HSV

246,7, 17,9%, 98,8%

CMYK

15,9%, 17,9%, 0,0%, 1,2%

OKLCH

0,873 0,0619 290,1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#D4CFFC

#F7FCCF

Analogous

#CFE0FC

#EBCFFC

#D4CFFC

Triadic

#D4CFFC

#FCD4CF

#CFFCD4

Split Complementary

#D4CFFC

#FCEBCF

#E0FCCF

Tetradic

#D4CFFC

#FCCFE0

#F7FCCF

#CFFCEB

Color Blindness Simulation

Original

#D4CFFC

Protanopia

#D2D2F1

Deuteranopia

#D2D2EE

Tritanopia

#D4E9E7

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FB
200
#C3BCFB
300
#988CF8
400
#604DF4
500
#280FF0
600
#200CC0
700
#1A0A9A
800
#140878
900
#130A57
950
#0C0637

Contrast Checker

Text on white

1,49:1

AA Fail AAA Fail

Text on black

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