#3A5756 Color

Color Information

HEX#3A5756
RGB58, 87, 86
HSL178° , 20% , 28%
HSV178° , 33% , 34%
CMYK33%, 0%, 1%, 66%

Lighter Shades

#526B6A #697F7F #819393 #99A8A7 #B0BCBB #C8D0D0

Darker Shades

#334D4C #2C4241 #253837 #1E2D2D #172322 #101818

Complementary Palette

#324B4A #3A5756 #4A3132 #56393A #6E5556 #566F6E

Analogous Palette

#384C41 #3D5246 #375251 #3A5756 #3D4852 #4A5764

Triadic Palette

#334D4C #3A5756 #5B325D #6F4B70 #5D5B32 #52502C

Split Complementary Palette

#344E4D #3A5756 #563948 #674D5A #564639 #4D3F33

Square Palette

#314948 #3A5756 #463D52 #523D3D #485639 #657159

Tetradic Palette

#304747 #3A5756 #2C2E63 #56393A #63612C #7F7D52

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5756 contains 58 red, 87 green, and 86 blue.

Contrast Ratio: 7.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.64:1