#2E657A Color

Color Information

HEX#2E657A
RGB46, 101, 122
HSL197° , 45% , 33%
HSV197° , 62% , 48%
CMYK62%, 17%, 0%, 52%

Lighter Shades

#47778A #608A9A #799CAA #92AFBA #ABC1CA #C4D4DA

Darker Shades

#28596B #234D5D #1D414E #18353F #122831 #0D1C22

Complementary Palette

#285769 #2E657A #693A28 #7A442E #8D5E4B #4B7B8D

Analogous Palette

#396058 #3F6960 #2B5F73 #2E657A #3F4869 #515870

Triadic Palette

#28596B #2E657A #822668 #91407A #688226 #5C7221

Split Complementary Palette

#295B6E #2E657A #7A2E3F #874352 #7A6A2E #6E5F29

Square Palette

#275566 #2E657A #653772 #724737 #3F7A2E #5E8F4F

Tetradic Palette

#265364 #2E657A #3D1F89 #7A442E #6B891F #869E47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E657A contains 46 red, 101 green, and 122 blue.

Contrast Ratio: 6.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.25:1