#DFD8ED

#DFD8ED

Color Values

HEX

#DFD8ED

RGB

223, 216, 237

HSL

260,0, 36,8%, 88,8%

HSV

260,0, 8,9%, 92,9%

CMYK

5,9%, 8,9%, 0,0%, 7,1%

OKLCH

0,8941 0,0294 301,0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFD8ED

#E6EDD8

Analogous

#D8DBED

#E9D8ED

#DFD8ED

Triadic

#DFD8ED

#EDDFD8

#D8EDDF

Split Complementary

#DFD8ED

#EDE9D8

#DBEDD8

Tetradic

#DFD8ED

#EDD8DB

#E6EDD8

#D8EDE9

Color Blindness Simulation

Original

#DFD8ED

Protanopia

#DCDCE8

Deuteranopia

#DCDDE7

Tritanopia

#DFE4E3

Achromatopsia

#DBDBDB

CSS Usage

background-color: #DFD8ED;
color: #DFD8ED;
border-color: #DFD8ED;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

50
#F7F5FA
100
#EBE8F3
200
#D7CEE8
300
#BAABD8
400
#957EC3
500
#7051AE
600
#59408C
700
#483470
800
#382857
900
#2B2040
950
#1B1429

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,18: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