#3A606F Color

Color Information

HEX#3A606F
RGB58, 96, 111
HSL197° , 31% , 33%
HSV197° , 48% , 44%
CMYK48%, 14%, 0%, 56%

Lighter Shades

#527380 #698692 #8199A3 #99ACB4 #B0BFC5 #C8D2D7

Darker Shades

#335462 #2C4954 #253D47 #1E323A #17262C #101B1F

Complementary Palette

#32535F #3A606F #5F3F32 #6E493A #826256 #567683

Analogous Palette

#415853 #48615B #375A68 #3A606F #484D61 #52586F

Triadic Palette

#335462 #3A606F #773263 #874B76 #637732 #57692C

Split Complementary Palette

#345664 #3A606F #6E3A45 #7D4E58 #6E633A #635934

Square Palette

#31515D #3A606F #5E4266 #664C42 #456E3A #63855A

Tetradic Palette

#304F5B #3A606F #422B7D #6E493A #667D2B #829451

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A606F contains 58 red, 96 green, and 111 blue.

Contrast Ratio: 6.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.06:1