#3A5A83 Color

Color Information

HEX	#3A5A83
RGB	58, 90, 131
HSL	214° , 39% , 37%
HSV	214° , 56% , 51%
CMYK	56%, 31%, 0%, 49%

Lighter Shades

#526E92 #6982A1 #8195B0 #99A9BF #B0BDCD #C8D1DC

Darker Shades

#334F73 #2C4464 #253A54 #1E2F44 #172434 #101925

Complementary Palette

#324D71 #3A5A83 #715532 #83633A #947956 #567194

Analogous Palette

#466567 #4C6E70 #37557B #3A5A83 #4E4C70 #5D5B7B

Triadic Palette

#334F73 #3A5A83 #8D3057 #9B496B #578D30 #4D7C2A

Split Complementary Palette

#345176 #3A5A83 #833E3A #8F514E #7E833A #717634

Square Palette

#314C6E #3A5A83 #7A4376 #7A6243 #3A833E #5A975D

Tetradic Palette

#304A6B #3A5A83 #662994 #83633A #559429 #74A750

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5A83 contains 58 red, 90 green, and 131 blue.

Contrast Ratio: 7.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.94:1