#DFE7FC

#DFE7FC

Color Values

HEX

#DFE7FC

RGB

223, 231, 252

HSL

223,4, 82,9%, 93,1%

HSV

223,4, 11,5%, 98,8%

CMYK

11,5%, 8,3%, 0,0%, 1,2%

OKLCH

0,9282 0,0298 269,1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFE7FC

#FCF4DF

Analogous

#DFF5FC

#E5DFFC

#DFE7FC

Triadic

#DFE7FC

#FCDFE7

#E7FCDF

Split Complementary

#DFE7FC

#FCE5DF

#F5FCDF

Tetradic

#DFE7FC

#FCDFF5

#FCF4DF

#DFFCE5

Color Blindness Simulation

Original

#DFE7FC

Protanopia

#E2E3F7

Deuteranopia

#E2E1F6

Tritanopia

#DFF3F2

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E8FA
200
#BECEF9
300
#8FABF5
400
#527EEF
500
#1650E9
600
#1140BB
700
#0E3395
800
#0B2875
900
#0C2055
950
#081435

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

16,97:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026