#2A5C4B Color

Color Information

HEX#2A5C4B
RGB42, 92, 75
HSL160° , 37% , 26%
HSV160° , 54% , 36%
CMYK54%, 0%, 18%, 64%

Lighter Shades

#447061 #5D8376 #77978C #90AAA1 #AABEB7 #C3D1CD

Darker Shades

#255142 #204639 #1B3B30 #163027 #11251E #0C1A15

Complementary Palette

#244F41 #2A5C4B #4E2432 #5B2A3A #724856 #487364

Analogous Palette

#334836 #374E3B #275647 #2A5C4B #374A4E #455A5E

Triadic Palette

#255142 #2A5C4B #4C2361 #613D74 #614C23 #55431F

Split Complementary Palette

#265344 #2A5C4B #5B2A53 #6B3F64 #5B322A #522D26

Square Palette

#234D3F #2A5C4B #363054 #54303C #535B2A #6F754C

Tetradic Palette

#224B3E #2A5C4B #1E3667 #5B2A3A #674D1E #826D47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5C4B contains 42 red, 92 green, and 75 blue.

Contrast Ratio: 7.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1