#DAE2F3

Color Details

HEX
#DAE2F3
RGB
rgb(218, 226, 243)
HSL
hsl(221, 51%, 90%)
CMYK
cmyk(10%, 7%, 0%, 5%)
Best text on this color #000000 (CR 16.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dae2f3
Contrast 16.15:1 AAA
White on #dae2f3
Contrast 1.30:1 Fail
#dae2f3 on Black
Contrast 16.15:1 AAA
#dae2f3 on White
Contrast 1.30:1 Fail

Tints & Shades

#e1e8f5
#e9eef8
#f0f3fa
#aeb5c2
#838892
#575a61

Complement & Analogous

#f3ead8
#ddd8f3
#d8eef3

Triadic

#f3d8e1
#e1f3d8

Monochrome

#575a61 #838892 #dae2f3 #e9eef8 #f0f3fa #f8f9fd

Analogous

#d8eef3 #e4f3f7 #dae2f3 #e4e0f5 #ddd8f3 #b1adc2

Complementary Mix

#838892 #dae2f3 #e9eef8 #f3ead8 #f7f1e6 #9e988c

Nearby Colors

#dae2f2
#dae2f4
#dae2e3
#dae303

Embed #DAE2F3 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #DAE2F3

#DAE2F3 converts to RGB(218, 226, 243) and HSL(221, 51%, 90%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#DAE2F3 FAQs

What is the RGB value of #DAE2F3?
RGB: 218, 226, 243. Copy as CSS: rgb(218, 226, 243)
Is #DAE2F3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DAE2F3?
Complement: #f3ead8.
Does #DAE2F3 have good contrast on white or black?
On white: 1.30:1 (Fails AA). On black: 16.15:1 (AAA (normal text)).