#2E4B56 Color

Color Information

HEX#2E4B56
RGB46, 75, 86
HSL197° , 30% , 26%
HSV197° , 47% , 34%
CMYK47%, 13%, 0%, 66%

Lighter Shades

#47616A #60767F #798C93 #92A1A7 #ABB7BB #C4CDD0

Darker Shades

#28424C #233941 #1D3037 #18272D #121E22 #0D1518

Complementary Palette

#28414A #2E4B56 #4A3228 #563A2E #6E564B #4B646E

Analogous Palette

#344643 #384C48 #2B4751 #2E4B56 #383D4C #454B5E

Triadic Palette

#28424C #2E4B56 #5D284E #704263 #4E5D28 #455223

Split Complementary Palette

#29444D #2E4B56 #562E37 #67434B #564E2E #4D4629

Square Palette

#273F48 #2E4B56 #4A3550 #503D35 #37562E #57714F

Tetradic Palette

#263E47 #2E4B56 #362262 #563A2E #506222 #707E4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4B56 contains 46 red, 75 green, and 86 blue.

Contrast Ratio: 9.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1