#2E87A5 Color

Color Information

HEX#2E87A5
RGB46, 135, 165
HSL195° , 56% , 41%
HSV195° , 72% , 65%
CMYK72%, 18%, 0%, 35%

Lighter Shades

#4795B0 #60A4BB #79B2C5 #92C1D0 #ABCFDB #C4DDE6

Darker Shades

#287791 #23677D #1D566A #184656 #123642 #0D262E

Complementary Palette

#28748E #2E87A5 #8C4128 #A34B2E #B0644B #4B98B2

Analogous Palette

#3E8472 #438E7B #2B7F9B #2E87A5 #43568E #576694

Triadic Palette

#287791 #2E87A5 #AE248B #B83E99 #8BAE24 #7A9920

Split Complementary Palette

#297A95 #2E87A5 #A32E4B #AC435D #A3862E #937929

Square Palette

#27718B #2E87A5 #813899 #995138 #4BA32E #68B24F

Tetradic Palette

#266F87 #2E87A5 #421BB6 #A34B2E #8FB61B #A3C344

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2E87A5 contains 46 red, 135 green, and 165 blue.

Contrast Ratio: 4.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.18:1