#2EA5EF Color

Color Information

HEX#2EA5EF
RGB46, 165, 239
HSL203° , 86% , 56%
HSV203° , 81% , 94%
CMYK81%, 31%, 0%, 6%

Lighter Shades

#47B0F1 #60BBF3 #79C5F5 #92D0F7 #ABDBF9 #C4E6FB

Darker Shades

#2891D2 #237DB6 #1D6A99 #18567C #124260 #0D2E43

Complementary Palette

#288ECE #2EA5EF #CE6728 #EF782E #F18B4B #4BB2F1

Analogous Palette

#41C3B4 #45D9C8 #2B9BE1 #2EA5EF #4556D9 #5162DB

Triadic Palette

#2891D2 #2EA5EF #FB23A8 #FB3DB2 #A8FB23 #94DD1F

Split Complementary Palette

#2995D7 #2EA5EF #EF2E45 #F14358 #EFD92E #D7C329

Square Palette

#278BC9 #2EA5EF #D03AE4 #E47B3A #45EF2E #63F24F

Tetradic Palette

#2687C4 #2EA5EF #751FFF #EF782E #A9FF1F #B8FF47

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA5EF contains 46 red, 165 green, and 239 blue.

Contrast Ratio: 2.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.84:1