#5A96B4 Color

Color Information

HEX	#5A96B4
RGB	90, 150, 180
HSL	200° , 38% , 53%
HSV	200° , 50% , 71%
CMYK	50%, 17%, 0%, 29%

Lighter Shades

#6EA3BD #82AFC6 #95BCCF #A9C8D8 #BDD5E1 #D1E2EA

Darker Shades

#4F849E #447289 #3A6073 #2F4E5E #243C48 #192A32

Complementary Palette

#4D819B #5A96B4 #9C674D #B5785A #BF8B71 #71A5BF

Analogous Palette

#6A9089 #729D96 #558DA9 #5A96B4 #72799D #7E84A5

Triadic Palette

#4F849E #5A96B4 #C14E9A #C863A6 #9AC14E #88AA45

Split Complementary Palette

#5187A2 #5A96B4 #B55A69 #BC6B78 #B5A65A #A39551

Square Palette

#4C7E97 #5A96B4 #9E66A9 #A97C66 #69B55A #81C174

Tetradic Palette

#4A7B94 #5A96B4 #7144CA #B5785A #9ECA44 #AFD466

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A96B4 contains 90 red, 150 green, and 180 blue.

Contrast Ratio: 3.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.55:1