#3A5B7E Color

Color Information

HEX	#3A5B7E
RGB	58, 91, 126
HSL	211° , 37% , 36%
HSV	211° , 54% , 49%
CMYK	54%, 28%, 0%, 51%

Lighter Shades

#526F8D #69829D #8196AC #99AABC #B0BDCB #C8D1DB

Darker Shades

#33506F #2C4560 #253A51 #1E2F42 #172432 #101923

Complementary Palette

#324E6C #3A5B7E #6C5032 #7E5D3A #907456 #567290

Analogous Palette

#466262 #4C6B6B #375676 #3A5B7E #4D4C6B #595978

Triadic Palette

#33506F #3A5B7E #87315A #954A6E #5A8731 #4F772B

Split Complementary Palette

#345271 #3A5B7E #7E3B3A #8B4F4E #7D7E3A #717134

Square Palette

#314C6A #3A5B7E #754374 #755D43 #3A7E3B #5A935A

Tetradic Palette

#304B67 #3A5B7E #5D298E #7E5D3A #5A8E29 #78A250

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5B7E contains 58 red, 91 green, and 126 blue.

Contrast Ratio: 7.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.95:1