#3A525A Color

Color Information

HEX	#3A525A
RGB	58, 82, 90
HSL	195° , 22% , 29%
HSV	195° , 36% , 35%
CMYK	36%, 9%, 0%, 65%

Lighter Shades

#52676E #697C82 #819095 #99A5A9 #B0BABD #C8CFD1

Darker Shades

#33484F #2C3E44 #25343A #1E2B2F #172124 #101719

Complementary Palette

#32474D #3A525A #4D3932 #5A423A #715C56 #566A71

Analogous Palette

#3B4F4A #3F554F #374D55 #3A525A #3F4455 #4C5267

Triadic Palette

#33484F #3A525A #623256 #754B6A #566232 #4C562C

Split Complementary Palette

#344A51 #3A525A #5A3A42 #6B4E55 #5A523A #514A34

Square Palette

#31454C #3A525A #4F3F55 #55443F #425A3A #60745A

Tetradic Palette

#30434A #3A525A #3B2C68 #5A423A #59682C #778352

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A525A contains 58 red, 82 green, and 90 blue.

Contrast Ratio: 8.44:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.49:1