#DEF2DF Color

Color Information

HEX#DEF2DF
RGB222, 242, 223
HSL123° , 43% , 91%
HSV123° , 8% , 95%
CMYK8%, 0%, 8%, 5%

Lighter Shades

#E2F4E3 #E6F5E7 #EAF7EB #EEF8EE #F2FAF2 #F6FBF6

Darker Shades

#C3D5C4 #A9B8A9 #8E9B8F #737E74 #596159 #3E443E

Complementary Palette

#BFD0C0 #DEF2DF #D0BFCF #F2DEF1 #F4E3F3 #E3F4E3

Analogous Palette

#D6DCD0 #E8EDE3 #D1E3D2 #DEF2DF #E3EDE9 #E6EFEB

Triadic Palette

#C3D5C4 #DEF2DF #DDDCF4 #E1E0F5 #F4DDDC #D7C2C2

Split Complementary Palette

#C8DAC9 #DEF2DF #E9DEF2 #EBE1F3 #F2DEE7 #DAC8D0

Square Palette

#BACBBB #DEF2DF #E0E7F0 #F0E0EF #F2E9DE #F4EDE3

Tetradic Palette

#B6C6B7 #DEF2DF #DAF5F6 #F2DEF1 #F6DBDA #F8E1E1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DEF2DF contains 222 red, 242 green, and 223 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.96:1