#DFDAE8

#DFDAE8

Color Values

HEX

#DFDAE8

RGB

223, 218, 232

HSL

261,4, 23,3%, 88,2%

HSV

261,4, 6,0%, 91,0%

CMYK

3,9%, 6,0%, 0,0%, 9,0%

OKLCH

0,8964 0,0196 302,2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFDAE8

#E3E8DA

Analogous

#DADCE8

#E6DAE8

#DFDAE8

Triadic

#DFDAE8

#E8DFDA

#DAE8DF

Split Complementary

#DFDAE8

#E8E6DA

#DCE8DA

Tetradic

#DFDAE8

#E8DADC

#E3E8DA

#DAE8E6

Color Blindness Simulation

Original

#DFDAE8

Protanopia

#DDDDE5

Deuteranopia

#DDDEE4

Tritanopia

#DFE2E1

Achromatopsia

#DCDCDC

CSS Usage

background-color: #DFDAE8;
color: #DFDAE8;
border-color: #DFDAE8;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F6F9
100
#ECEAF1
200
#D9D3E4
300
#BEB4D0
400
#9A8BB7
500
#77629D
600
#5F4E7E
700
#4C3F65
800
#3B314F
900
#2E263B
950
#1D1825

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,33:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026