#DEF2ED Color

Color Information

HEX	#DEF2ED
RGB	222, 242, 237
HSL	165° , 43% , 91%
HSV	165° , 8% , 95%
CMYK	8%, 0%, 2%, 5%

Lighter Shades

#E2F4EF #E6F5F1 #EAF7F3 #EEF8F6 #F2FAF8 #F6FBFA

Darker Shades

#C3D5D1 #A9B8B4 #8E9B98 #737E7B #59615F #3E4442

Complementary Palette

#BFD0CC #DEF2ED #D0BFC3 #F2DEE3 #F4E3E7 #E3F4F0

Analogous Palette

#D0DCD3 #E3EDE5 #D1E3DF #DEF2ED #E3EBED #E6EDEF

Triadic Palette

#C3D5D1 #DEF2ED #EEDCF4 #F0E0F5 #F4EEDC #D7D1C2

Split Complementary Palette

#C8DAD5 #DEF2ED #F2DEED #F3E1EF #F2E3DE #DACCC8

Square Palette

#BACBC7 #DEF2ED #E4E0F0 #F0E0E4 #EDF2DE #F0F4E3

Tetradic Palette

#B6C6C2 #DEF2ED #DAE1F6 #F2DEE3 #F6EFDA #F8F2E1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DEF2ED contains 222 red, 242 green, and 237 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.11:1