#3A5B9B Color

Color Information

HEX#3A5B9B
RGB58, 91, 155
HSL220° , 46% , 42%
HSV220° , 63% , 61%
CMYK63%, 41%, 0%, 39%

Lighter Shades

#526FA7 #6982B3 #8196BF #99AACB #B0BDD7 #C8D1E3

Darker Shades

#335088 #2C4576 #253A63 #1E2F51 #17243E #10192B

Complementary Palette

#324E85 #3A5B9B #866B32 #9C7C3A #AA8E56 #5672A9

Analogous Palette

#4A757D #4F7E87 #375692 #3A5B9B #594F87 #69628D

Triadic Palette

#335088 #3A5B9B #A72F57 #B2486B #57A72F #4D9329

Split Complementary Palette

#34528C #3A5B9B #9C4A3A #A65C4E #8C9C3A #7E8C34

Square Palette

#314C82 #3A5B9B #924585 #927845 #3A9C4A #5AAC67

Tetradic Palette

#304B7F #3A5B9B #8227B0 #9C7C3A #54B027 #73BE4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5B9B contains 58 red, 91 green, and 155 blue.

Contrast Ratio: 6.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.13:1