#3A5198 Color

Color Information

HEX#3A5198
RGB58, 81, 152
HSL225° , 45% , 41%
HSV225° , 62% , 60%
CMYK62%, 47%, 0%, 40%

Lighter Shades

#5266A4 #697BB1 #8190BD #99A5C9 #B0B9D6 #C8CEE2

Darker Shades

#334786 #2C3E74 #253461 #1E2A4F #17203D #10172B

Complementary Palette

#324683 #3A5198 #836E32 #98803A #A69256 #5669A6

Analogous Palette

#496D79 #4E7683 #374C8F #3A5198 #5B4E83 #6B6189

Triadic Palette

#334786 #3A5198 #A22F4C #AD4861 #4CA22F #438F29

Split Complementary Palette

#344989 #3A5198 #98513A #A2624E #80983A #738934

Square Palette

#314480 #3A5198 #8D447B #8D7B44 #3A9851 #5AA86D

Tetradic Palette

#30427D #3A5198 #8927AA #98803A #48AA27 #69B94E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5198 contains 58 red, 81 green, and 152 blue.

Contrast Ratio: 7.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.77:1