#DFDBF8

#DFDBF8

Color Values

HEX

#DFDBF8

RGB

223, 219, 248

HSL

248.3, 67.4%, 91.6%

HSV

248.3, 11.7%, 97.3%

CMYK

10.1%, 11.7%, 0.0%, 2.7%

OKLCH

0.9035 0.0395 291.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFDBF8

#F4F8DB

Analogous

#DBE6F8

#EEDBF8

#DFDBF8

Triadic

#DFDBF8

#F8DFDB

#DBF8DF

Split Complementary

#DFDBF8

#F8EEDB

#E6F8DB

Tetradic

#DFDBF8

#F8DBE6

#F4F8DB

#DBF8EE

Color Blindness Simulation

Original

#DFDBF8

Protanopia

#DDDDF1

Deuteranopia

#DEDEEF

Tritanopia

#DFEBEA

Achromatopsia

#DEDEDE

CSS Usage

background-color: #DFDBF8;
color: #DFDBF8;
border-color: #DFDBF8;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#CAC3F3
300
#A499EB
400
#7361E0
500
#412AD5
600
#3421AB
700
#2A1B89
800
#21156B
900
#1B134E
950
#110C31

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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