#2E5170 Color

Color Information

HEX#2E5170
RGB46, 81, 112
HSL208° , 42% , 31%
HSV208° , 59% , 44%
CMYK59%, 28%, 0%, 56%

Lighter Shades

#476681 #607B92 #7990A3 #92A5B5 #ABB9C6 #C4CED7

Darker Shades

#284763 #233E55 #1D3448 #182A3A #12202D #0D171F

Complementary Palette

#284660 #2E5170 #604228 #704D2E #84664B #4B6984

Analogous Palette

#385756 #3E605F #2B4C69 #2E5170 #3E3F60 #4E4F6A

Triadic Palette

#284763 #2E5170 #782652 #884067 #527826 #486A21

Split Complementary Palette

#294965 #2E5170 #702E30 #7E4345 #706E2E #656329

Square Palette

#27445E #2E5170 #673668 #684D36 #30702E #51874F

Tetradic Palette

#26425C #2E5170 #4C207E #704D2E #527E20 #719548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5170 contains 46 red, 81 green, and 112 blue.

Contrast Ratio: 8.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1