#2A5A4B Color

Color Information

HEX#2A5A4B
RGB42, 90, 75
HSL161° , 36% , 26%
HSV161° , 53% , 35%
CMYK53%, 0%, 17%, 65%

Lighter Shades

#446E61 #5D8276 #77958C #90A9A1 #AABDB7 #C3D1CD

Darker Shades

#254F42 #204439 #1B3A30 #162F27 #11241E #0C1915

Complementary Palette

#244D41 #2A5A4B #4D2432 #5A2A3A #714856 #487164

Analogous Palette

#334737 #384D3C #275547 #2A5A4B #38494D #45595E

Triadic Palette

#254F42 #2A5A4B #4D2461 #623E74 #614D24 #554420

Split Complementary Palette

#265144 #2A5A4B #5A2A51 #6B3F62 #5A332A #512E26

Square Palette

#234C3F #2A5A4B #373154 #54313D #515A2A #6D744C

Tetradic Palette

#224A3E #2A5A4B #1E3666 #5A2A3A #664F1E #826F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5A4B contains 42 red, 90 green, and 75 blue.

Contrast Ratio: 8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.62:1