#2EA5BD Color

Color Information

HEX#2EA5BD
RGB46, 165, 189
HSL190° , 61% , 46%
HSV190° , 76% , 74%
CMYK76%, 13%, 0%, 26%

Lighter Shades

#47B0C5 #60BBCD #79C5D5 #92D0DD #ABDBE5 #C4E6ED

Darker Shades

#2891A6 #237D90 #1D6A79 #185662 #12424C #0D2E35

Complementary Palette

#288EA3 #2EA5BD #A33C28 #BD462E #C6604B #4BB2C6

Analogous Palette

#3F977A #45A585 #2B9BB2 #2EA5BD #4565A5 #5772A8

Triadic Palette

#2891A6 #2EA5BD #C922AD #CF3DB7 #ADC922 #98B11E

Split Complementary Palette

#2995AA #2EA5BD #BD2E5D #C4436D #BD8D2E #AA7F29

Square Palette

#278B9F #2EA5BD #8939B1 #B14D39 #5DBD2E #77C84F

Tetradic Palette

#26879B #2EA5BD #3819D2 #BD462E #B3D219 #C1DA42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA5BD contains 46 red, 165 green, and 189 blue.

Contrast Ratio: 2.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.33:1