#3B5AAB Color

Color Information

HEX	#3B5AAB
RGB	59, 90, 171
HSL	223° , 49% , 45%
HSV	223° , 65% , 67%
CMYK	65%, 47%, 0%, 33%

Lighter Shades

#536EB5 #6A82BF #8295C9 #99A9D3 #B1BDDD #C8D1E7

Darker Shades

#344F96 #2D4482 #263A6D #1F2F59 #182444 #111930

Complementary Palette

#334D93 #3B5AAB #937833 #AB8B3B #B79B56 #5671B7

Analogous Palette

#4A7A87 #518694 #3755A1 #3B5AAB #605194 #70659A

Triadic Palette

#344F96 #3B5AAB #B62F55 #BF4869 #55B62F #4BA029

Split Complementary Palette

#35519A #3B5AAB #AB533B #B3644F #93AB3B #849A35

Square Palette

#324C90 #3B5AAB #A0468C #A08646 #3BAB53 #5AB86F

Tetradic Palette

#304A8C #3B5AAB #9426C0 #AB8B3B #51C026 #70CB4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B5AAB contains 59 red, 90 green, and 171 blue.

Contrast Ratio: 6.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.22:1