#DFE8F0

#DFE8F0

Color Values

HEX

#DFE8F0

RGB

223, 232, 240

HSL

208.2, 36.2%, 90.8%

HSV

208.2, 7.1%, 94.1%

CMYK

7.1%, 3.3%, 0.0%, 5.9%

OKLCH

0.9265 0.0146 244.7

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#DFE8F0

#F0E7DF

Analogous

#DFF0F0

#DFE0F0

#DFE8F0

Triadic

#DFE8F0

#F0DFE8

#E8F0DF

Split Complementary

#DFE8F0

#F0DFE0

#F0F0DF

Tetradic

#DFE8F0

#F0DFF0

#F0E7DF

#E0F0DF

Color Blindness Simulation

Original

#DFE8F0

Protanopia

#E3E3EE

Deuteranopia

#E2E2EE

Tritanopia

#DFEDEC

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDCE8
300
#ACC3D8
400
#7EA3C3
500
#5182AE
600
#41688B
700
#34536F
800
#294157
900
#213140
950
#151F29

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.94:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026