#E2ECF0 Color

Color Information

HEX#E2ECF0
RGB226, 236, 240
HSL197° , 32% , 91%
HSV197° , 6% , 94%
CMYK6%, 2%, 0%, 6%

Lighter Shades

#E5EEF2 #E9F1F4 #ECF3F5 #F0F5F7 #F3F7F9 #F7FAFB

Darker Shades

#C7D0D3 #ACB3B6 #91979A #767B7D #5A5E60 #3F4243

Complementary Palette

#C2CBCE #E2ECF0 #CEC5C2 #EFE5E1 #F1E9E5 #E6EFF2

Analogous Palette

#D0DCD9 #E5EBEA #D4DEE2 #E2ECF0 #E5E6EB #E8E9EE

Triadic Palette

#C7D0D3 #E2ECF0 #F1DFEC #F3E3EE #ECF1DF #D0D4C4

Split Complementary Palette

#CBD4D8 #E2ECF0 #EFE1E4 #F1E4E7 #EFECE1 #D7D4CB

Square Palette

#BEC6CA #E2ECF0 #EBE3ED #EDE6E3 #E4EFE1 #E8F2E6

Tetradic Palette

#B9C2C5 #E2ECF0 #E3DDF3 #EFE5E1 #EDF3DD #F0F5E3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #E2ECF0 contains 226 red, 236 green, and 240 blue.

Contrast Ratio: 1.19:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 17.59:1