#DFE7F5

#DFE7F5

Color Values

HEX

#DFE7F5

RGB

223, 231, 245

HSL

218.2, 52.4%, 91.8%

HSV

218.2, 9.0%, 96.1%

CMYK

9.0%, 5.7%, 0.0%, 3.9%

OKLCH

0.9261 0.0209 261.8

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFE7F5

#F5EDDF

Analogous

#DFF2F5

#E2DFF5

#DFE7F5

Triadic

#DFE7F5

#F5DFE7

#E7F5DF

Split Complementary

#DFE7F5

#F5E2DF

#F2F5DF

Tetradic

#DFE7F5

#F5DFF2

#F5EDDF

#DFF5E2

Color Blindness Simulation

Original

#DFE7F5

Protanopia

#E2E3F2

Deuteranopia

#E2E1F1

Tritanopia

#DFEFEE

Achromatopsia

#E6E6E6

CSS Usage

background-color: #DFE7F5;
color: #DFE7F5;
border-color: #DFE7F5;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C9D6EE
300
#A2B9E2
400
#6F93D2
500
#3D6DC2
600
#31579B
700
#27467C
800
#1E3761
900
#1A2A47
950
#101B2D

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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