#ECF2F5 Color

Color Information

HEX#ECF2F5
RGB236, 242, 245
HSL200° , 31% , 94%
HSV200° , 4% , 96%
CMYK4%, 1%, 0%, 4%

Lighter Shades

#EEF4F6 #F1F5F7 #F3F7F9 #F5F8FA #F7FAFB #FAFBFC

Darker Shades

#D0D5D8 #B3B8BA #979B9D #7B7E7F #5E6162 #424445

Complementary Palette

#CBD0D3 #ECF2F5 #D2CDCA #F4EEEB #F6F0EE #EFF4F6

Analogous Palette

#D6E1E1 #EDF2F1 #DEE3E6 #ECF2F5 #EDEEF2 #F0F1F4

Triadic Palette

#D0D5D8 #ECF2F5 #F6EAF2 #F7EDF4 #F2F6EA #D5D8CE

Split Complementary Palette

#D4DADD #ECF2F5 #F4EBED #F5EDEF #F4F3EB #DCDBD4

Square Palette

#C6CBCE #ECF2F5 #F2EDF3 #F3EFED #EDF4EB #F0F6EE

Tetradic Palette

#C2C6C9 #ECF2F5 #EDE9F7 #F4EEEB #F2F7E9 #F4F8ED

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #ECF2F5 contains 236 red, 242 green, and 245 blue.

Contrast Ratio: 1.13:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 18.66:1