#DEE2F0 Color

Color Information

HEX#DEE2F0
RGB222, 226, 240
HSL227° , 38% , 91%
HSV227° , 8% , 94%
CMYK8%, 6%, 0%, 6%

Lighter Shades

#E2E5F2 #E6E9F4 #EAECF5 #EEF0F7 #F2F3F9 #F6F7FB

Darker Shades

#C3C7D3 #A9ACB6 #8E919A #73767D #595A60 #3E3F43

Complementary Palette

#BFC2CE #DEE2F0 #CFCCC0 #F1EDDF #F3F0E3 #E3E6F2

Analogous Palette

#D0D9DC #E4EAEC #D1D4E2 #DEE2F0 #E6E4EC #E9E7EE

Triadic Palette

#C3C7D3 #DEE2F0 #F3DDE2 #F4E1E5 #E2F3DD #C7D6C2

Split Complementary Palette

#C8CBD8 #DEE2F0 #F1E4DF #F2E7E2 #ECF1DF #D4D9C9

Square Palette

#BABECA #DEE2F0 #EFE1EB #EFECE1 #DFF1E4 #E4F3E8

Tetradic Palette

#B6B9C5 #DEE2F0 #EFDBF5 #F1EDDF #E1F5DB #E6F7E1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DEE2F0 contains 222 red, 226 green, and 240 blue.

Contrast Ratio: 1.28:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 16.37:1