#DEF2EE Color

Color Information

HEX#DEF2EE
RGB222, 242, 238
HSL168° , 43% , 91%
HSV168° , 8% , 95%
CMYK8%, 0%, 2%, 5%

Lighter Shades

#E2F4F0 #E6F5F2 #EAF7F4 #EEF8F6 #F2FAF8 #F6FBFA

Darker Shades

#C3D5D1 #A9B8B5 #8E9B98 #737E7C #59615F #3E4443

Complementary Palette

#BFD0CD #DEF2EE #D0BFC2 #F2DEE2 #F4E3E6 #E3F4F0

Analogous Palette

#D0DCD4 #E3EDE6 #D1E3E0 #DEF2EE #E3EAED #E6EDEF

Triadic Palette

#C3D5D1 #DEF2EE #EFDCF4 #F1E0F5 #F4EFDC #D7D2C2

Split Complementary Palette

#C8DAD6 #DEF2EE #F2DEEC #F3E1EE #F2E4DE #DACDC8

Square Palette

#BACBC8 #DEF2EE #E5E0F0 #F0E0E4 #ECF2DE #EFF4E3

Tetradic Palette

#B6C6C3 #DEF2EE #DAE0F6 #F2DEE2 #F6F0DA #F8F3E1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DEF2EE contains 222 red, 242 green, and 238 blue.

Contrast Ratio: 1.16:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 18.12:1