#D9CEF3

#D9CEF3

Color Values

HEX

#D9CEF3

RGB

217, 206, 243

HSL

257.8, 60.7%, 88.0%

HSV

257.8, 15.2%, 95.3%

CMYK

10.7%, 15.2%, 0.0%, 4.7%

OKLCH

0.8719 0.0518 298.9

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#D9CEF3

#E8F3CE

Analogous

#CED5F3

#EBCEF3

#D9CEF3

Triadic

#D9CEF3

#F3D9CE

#CEF3D9

Split Complementary

#D9CEF3

#F3EBCE

#D5F3CE

Tetradic

#D9CEF3

#F3CED5

#E8F3CE

#CEF3EB

Color Blindness Simulation

Original

#D9CEF3

Protanopia

#D4D4EA

Deuteranopia

#D5D6E8

Tritanopia

#D8E3E1

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F6F3FB
100
#E9E4F6
200
#D2C6F1
300
#B39DE7
400
#8967DA
500
#6032CD
600
#4D28A4
700
#3D2083
800
#301966
900
#26164B
950
#180E2F

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026