#3A5C5A Color

Color Information

HEX#3A5C5A
RGB58, 92, 90
HSL176° , 23% , 29%
HSV176° , 37% , 36%
CMYK37%, 0%, 2%, 64%

Lighter Shades

#52706E #698382 #819795 #99AAA9 #B0BEBD #C8D1D1

Darker Shades

#33514F #2C4644 #253B3A #1E302F #172524 #101A19

Complementary Palette

#324F4D #3A5C5A #4E3133 #5B393B #725556 #567371

Analogous Palette

#3B4F43 #3F5548 #375655 #3A5C5A #3F4B55 #4C5B67

Triadic Palette

#33514F #3A5C5A #5F3262 #724B75 #625F32 #56542C

Split Complementary Palette

#345351 #3A5C5A #5B394C #6B4D5E #5B4839 #524133

Square Palette

#314D4C #3A5C5A #483F55 #553F40 #4C5B39 #697559

Tetradic Palette

#304B4A #3A5C5A #2C3068 #5B393B #68642C #838052

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5C5A contains 58 red, 92 green, and 90 blue.

Contrast Ratio: 7.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.83:1