#3A5860 Color

Color Information

HEX#3A5860
RGB58, 88, 96
HSL193° , 25% , 30%
HSV193° , 40% , 38%
CMYK40%, 8%, 0%, 62%

Lighter Shades

#526C73 #698086 #819499 #99A8AC #B0BCBF #C8D0D2

Darker Shades

#334D54 #2C4349 #25383D #1E2E32 #172326 #10191B

Complementary Palette

#324C53 #3A5860 #533931 #604239 #765C55 #566F76

Analogous Palette

#3B4F49 #415851 #37535A #3A5860 #414858 #4E566A

Triadic Palette

#334D54 #3A5860 #67325B #794B6F #5B6732 #505B2C

Split Complementary Palette

#344F56 #3A5860 #603944 #704D57 #605539 #564D33

Square Palette

#314A51 #3A5860 #514158 #584641 #446039 #627959

Tetradic Palette

#30484F #3A5860 #3B2C6D #604239 #5E6D2C #7B8752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5860 contains 58 red, 88 green, and 96 blue.

Contrast Ratio: 7.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.71:1