#5A6189 Color

Color Information

HEX	#5A6189
RGB	90, 97, 137
HSL	231° , 21% , 45%
HSV	231° , 34% , 54%
CMYK	34%, 29%, 0%, 46%

Lighter Shades

#6E7497 #8287A5 #959AB3 #A9ADC2 #BDC0D0 #D1D3DE

Darker Shades

#4F5579 #444A68 #3A3E58 #2F3247 #242737 #191B26

Complementary Palette

#4D5376 #5A6189 #78724E #8B845B #9B9572 #71779A

Analogous Palette

#5B6F7B #627884 #555B81 #5A6189 #6E6284 #786A90

Triadic Palette

#4F5579 #5A6189 #964F5A #A3646E #5A964F #4F8446

Split Complementary Palette

#51577B #5A6189 #8B6C5B #977B6B #7A8B5B #6E7D52

Square Palette

#4C5173 #5A6189 #846278 #847F62 #5B8B6C #759E84

Tetradic Palette

#4A5070 #5A6189 #9246A0 #8B845B #53A046 #72B167

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6189 contains 90 red, 97 green, and 137 blue.

Contrast Ratio: 5.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.5:1