#2EA7BD Color

Color Information

HEX#2EA7BD
RGB46, 167, 189
HSL189° , 61% , 46%
HSV189° , 76% , 74%
CMYK76%, 12%, 0%, 26%

Lighter Shades

#47B2C5 #60BCCD #79C7D5 #92D1DD #ABDCE5 #C4E6ED

Darker Shades

#2893A6 #237F90 #1D6B79 #185762 #12434C #0D2F35

Complementary Palette

#2890A3 #2EA7BD #A33A28 #BD432E #C65D4B #4BB3C6

Analogous Palette

#3F9778 #45A584 #2B9DB2 #2EA7BD #4567A5 #5773A8

Triadic Palette

#2893A6 #2EA7BD #C922B0 #CF3DB9 #B0C922 #9BB11E

Split Complementary Palette

#2996AA #2EA7BD #BD2E60 #C44370 #BD8B2E #AA7D29

Square Palette

#278C9F #2EA7BD #8739B1 #B14B39 #60BD2E #79C84F

Tetradic Palette

#26899B #2EA7BD #3419D2 #BD432E #B6D219 #C3DA42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA7BD contains 46 red, 167 green, and 189 blue.

Contrast Ratio: 2.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.48:1