#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026