#2E4857 Color

Color Information

HEX	#2E4857
RGB	46, 72, 87
HSL	202° , 31% , 26%
HSV	202° , 47% , 34%
CMYK	47%, 17%, 0%, 66%

Lighter Shades

#475E6B #60747F #798A93 #92A0A8 #ABB6BC #C4CCD0

Darker Shades

#283F4D #233742 #1D2E38 #18252D #121D23 #0D1418

Complementary Palette

#283E4B #2E4857 #4B3428 #573D2E #6F584B #4B626F

Analogous Palette

#344644 #384C49 #2B4452 #2E4857 #383B4C #45485E

Triadic Palette

#283F4D #2E4857 #5D274A #704160 #4A5D27 #415222

Split Complementary Palette

#29414E #2E4857 #572E33 #684347 #57512E #4E4929

Square Palette

#273C49 #2E4857 #4C3450 #503F34 #33572E #54724F

Tetradic Palette

#263B47 #2E4857 #3A2263 #573D2E #4B6322 #6B7F4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4857 contains 46 red, 72 green, and 87 blue.

Contrast Ratio: 9.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.12:1