#DEF2DD Color

Color Information

HEX#DEF2DD
RGB222, 242, 221
HSL117° , 45% , 91%
HSV117° , 9% , 95%
CMYK8%, 0%, 9%, 5%

Lighter Shades

#E2F4E1 #E6F5E5 #EAF7E9 #EEF8ED #F2FAF1 #F6FBF5

Darker Shades

#C3D5C2 #A9B8A8 #8E9B8D #737E73 #596158 #3E443E

Complementary Palette

#BFD0BE #DEF2DD #CFBFD0 #F1DEF2 #F3E3F4 #E3F4E2

Analogous Palette

#D7DCD0 #E9EDE3 #D1E3D0 #DEF2DD #E3EDE8 #E6EFEA

Triadic Palette

#C3D5C2 #DEF2DD #DCDDF4 #E0E1F5 #F4DCDD #D7C2C2

Split Complementary Palette

#C8DAC7 #DEF2DD #E7DEF2 #E9E1F3 #F2DEE9 #DAC8D2

Square Palette

#BACBBA #DEF2DD #E0E9F0 #EFE0F0 #F2E7DE #F4EBE3

Tetradic Palette

#B6C6B5 #DEF2DD #DAF6F5 #F1DEF2 #F6DADB #F8E1E1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DEF2DD contains 222 red, 242 green, and 221 blue.

Contrast Ratio: 1.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 17.94:1