#2E96BC Color

Color Information

HEX#2E96BC
RGB46, 150, 188
HSL196° , 61% , 46%
HSV196° , 76% , 74%
CMYK76%, 20%, 0%, 26%

Lighter Shades

#47A3C4 #60AFCC #79BCD4 #92C8DC #ABD5E4 #C4E2EC

Darker Shades

#2884A5 #23728F #1D6078 #184E62 #123C4B #0D2A35

Complementary Palette

#2881A2 #2E96BC #A34828 #BD542E #C66C4B #4BA5C5

Analogous Palette

#3F9783 #45A58F #2B8DB1 #2E96BC #455CA5 #576AA8

Triadic Palette

#2884A5 #2E96BC #C9229C #CF3DA8 #9CC922 #89B11E

Split Complementary Palette

#2987A9 #2E96BC #BD2E4F #C44361 #BD9B2E #AA8C29

Square Palette

#277E9E #2E96BC #9539B1 #B15939 #4FBD2E #6BC84F

Tetradic Palette

#267B9A #2E96BC #4A19D2 #BD542E #A1D219 #B2DA42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2E96BC contains 46 red, 150 green, and 188 blue.

Contrast Ratio: 3.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.29:1