#3A5F5A Color

Color Information

HEX#3A5F5A
RGB58, 95, 90
HSL172° , 24% , 30%
HSV172° , 39% , 37%
CMYK39%, 0%, 5%, 63%

Lighter Shades

#52726E #698582 #819995 #99ACA9 #B0BFBD #C8D2D1

Darker Shades

#33544F #2C4844 #253D3A #1E312F #172624 #101B19

Complementary Palette

#32524D #3A5F5A #523236 #5F3A3F #75565A #567571

Analogous Palette

#3B4F42 #41584A #375955 #3A5F5A #414F58 #4E5F6A

Triadic Palette

#33544F #3A5F5A #603267 #734B79 #676032 #5B542C

Split Complementary Palette

#345651 #3A5F5A #5F3A51 #6F4E62 #5F483A #564134

Square Palette

#31504C #3A5F5A #4A4158 #584144 #515F3A #6D795A

Tetradic Palette

#304E4A #3A5F5A #2C356D #5F3A3F #6D642C #878052

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5F5A contains 58 red, 95 green, and 90 blue.

Contrast Ratio: 7.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.94:1