#3A5BD1 Color

Color Information

HEX#3A5BD1
RGB58, 91, 209
HSL227° , 62% , 52%
HSV227° , 72% , 82%
CMYK72%, 56%, 0%, 18%

Lighter Shades

#526FD7 #6982DC #8196E2 #99AAE7 #B0BDED #C8D1F2

Darker Shades

#3350B8 #2C459F #253A86 #1E2F6D #172454 #10193B

Complementary Palette

#324EB4 #3A5BD1 #B39731 #D0B039 #D7BB55 #5672D7

Analogous Palette

#4D8EA8 #519BB8 #3756C4 #3A5BD1 #6E51B8 #7A60BE

Triadic Palette

#3350B8 #3A5BD1 #DD2C53 #E14568 #53DD2C #49C227

Split Complementary Palette

#3452BC #3A5BD1 #D06439 #D5744D #A5D039 #95BB33

Square Palette

#314CB0 #3A5BD1 #C445A0 #C4A945 #39D064 #59D87D

Tetradic Palette

#304BAB #3A5BD1 #BC23E7 #D0B039 #4DE723 #6DEB4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5BD1 contains 58 red, 91 green, and 209 blue.

Contrast Ratio: 5.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.58:1