#D9CEF7

#D9CEF7

Color Values

HEX

#D9CEF7

RGB

217, 206, 247

HSL

256.1, 71.9%, 88.8%

HSV

256.1, 16.6%, 96.9%

CMYK

12.1%, 16.6%, 0.0%, 3.1%

OKLCH

0.8733 0.0571 297.5

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#D9CEF7

#ECF7CE

Analogous

#CED7F7

#EDCEF7

#D9CEF7

Triadic

#D9CEF7

#F7D9CE

#CEF7D9

Split Complementary

#D9CEF7

#F7EDCE

#D7F7CE

Tetradic

#D9CEF7

#F7CED7

#ECF7CE

#CEF7ED

Color Blindness Simulation

Original

#D9CEF7

Protanopia

#D4D4ED

Deuteranopia

#D5D6EB

Tritanopia

#D8E5E4

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E8E2F8
200
#CFC2F5
300
#AD96EE
400
#815DE4
500
#5524DB
600
#441DAF
700
#36178C
800
#2B126E
900
#221150
950
#150B32

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.12: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