#5A6278 Color

Color Information

HEX#5A6278
RGB90, 98, 120
HSL224° , 14% , 41%
HSV224° , 25% , 47%
CMYK25%, 18%, 0%, 53%

Lighter Shades

#6E7588 #828898 #959BA9 #A9ADB9 #BDC0C9 #D1D3D9

Darker Shades

#4F566A #444A5B #3A3F4D #2F333E #242730 #191B22

Complementary Palette

#4D5467 #5A6278 #665F4D #776F5A #8A8371 #71788B

Analogous Palette

#52696F #597178 #555C71 #5A6278 #605978 #6D6487

Triadic Palette

#4F566A #5A6278 #824F5E #916471 #5E824F #537246

Split Complementary Palette

#51586C #5A6278 #77615A #85716B #70775A #656B51

Square Palette

#4C5265 #5A6278 #785971 #786F59 #5A7761 #748D7A

Tetradic Palette

#4A5062 #5A6278 #77478A #776F5A #5A8A47 #789F68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6278 contains 90 red, 98 green, and 120 blue.

Contrast Ratio: 6.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.45:1