#3A489A Color

Color Information

HEX	#3A489A
RGB	58, 72, 154
HSL	231° , 45% , 42%
HSV	231° , 62% , 60%
CMYK	62%, 53%, 0%, 40%

Lighter Shades

#525EA6 #6974B2 #818ABE #99A0CA #B0B6D7 #C8CCE3

Darker Shades

#333F88 #2C3775 #252E63 #1E2550 #171D3E #10142B

Complementary Palette

#323E84 #3A489A #857933 #9B8D3B #A99D56 #5662A8

Analogous Palette

#4B6B7C #507386 #374491 #3A489A #635086 #72638C

Triadic Palette

#333F88 #3A489A #A63042 #B14959 #42A630 #3A922A

Split Complementary Palette

#34418B #3A489A #9B5D3B #A56D4F #7A9B3B #6E8C35

Square Palette

#313C81 #3A489A #914676 #918546 #3B9B5D #5AAB77

Tetradic Palette

#303B7E #3A489A #9A28AF #9B8D3B #3CAF28 #5FBD4F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A489A contains 58 red, 72 green, and 154 blue.

Contrast Ratio: 8.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.53:1