#3A5A98 Color

Color Information

HEX	#3A5A98
RGB	58, 90, 152
HSL	220° , 45% , 41%
HSV	220° , 62% , 60%
CMYK	62%, 41%, 0%, 40%

Lighter Shades

#526EA4 #6982B1 #8195BD #99A9C9 #B0BDD6 #C8D1E2

Darker Shades

#334F86 #2C4474 #253A61 #1E2F4F #17243D #10192B

Complementary Palette

#324D83 #3A5A98 #836732 #98783A #A68B56 #5671A6

Analogous Palette

#497179 #4E7A83 #37558F #3A5A98 #574E83 #686189

Triadic Palette

#334F86 #3A5A98 #A22F55 #AD4869 #55A22F #4B8F29

Split Complementary Palette

#345189 #3A5A98 #98493A #A25B4E #88983A #7A8934

Square Palette

#314C80 #3A5A98 #8D4481 #8D7544 #3A9849 #5AA866

Tetradic Palette

#304A7D #3A5A98 #7F27AA #98783A #53AA27 #72B94E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5A98 contains 58 red, 90 green, and 152 blue.

Contrast Ratio: 6.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.07:1