#3A6A5A Color

Color Information

HEX#3A6A5A
RGB58, 106, 90
HSL160° , 29% , 32%
HSV160° , 45% , 42%
CMYK45%, 0%, 15%, 58%

Lighter Shades

#527C6E #698E82 #81A095 #99B2A9 #B0C3BD #C8D5D1

Darker Shades

#335D4F #2C5144 #25443A #1E372F #172A24 #101E19

Complementary Palette

#325B4D #3A6A5A #5A3240 #693A4A #7E5663 #567F71

Analogous Palette

#3F5543 #455E49 #376455 #3A6A5A #455A5E #50686D

Triadic Palette

#335D4F #3A6A5A #5C3271 #704B82 #715C32 #63512C

Split Complementary Palette

#345F51 #3A6A5A #693A61 #784E71 #69423A #5F3B34

Square Palette

#31594C #3A6A5A #474261 #61424C #61693A #7A815A

Tetradic Palette

#30574A #3A6A5A #2B4578 #693A4A #785E2B #907B51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A6A5A contains 58 red, 106 green, and 90 blue.

Contrast Ratio: 6.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.38:1