#5A70BF Color

Color Information

HEX#5A70BF
RGB90, 112, 191
HSL227° , 44% , 55%
HSV227° , 53% , 75%
CMYK53%, 41%, 0%, 25%

Lighter Shades

#6E81C7 #8292CE #95A3D6 #A9B5DE #BDC6E5 #D1D7ED

Darker Shades

#4F63A8 #445591 #3A487A #2F3A63 #242D4C #191F35

Complementary Palette

#4D60A4 #5A70BF #A4914D #BFA95A #C8B571 #7184C8

Analogous Palette

#6D8B97 #7198A8 #5569B4 #5A70BF #8071A8 #8C7DB0

Triadic Palette

#4F63A8 #5A70BF #CA4E69 #D0637B #69CA4E #5CB245

Split Complementary Palette

#5165AC #5A70BF #BF765A #C5846B #A2BF5A #92AC51

Square Palette

#4C5EA0 #5A70BF #B3659D #B3A265 #5ABF76 #74C98C

Tetradic Palette

#4A5C9D #5A70BF #B545D3 #BFA95A #64D345 #80DB66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A70BF contains 90 red, 112 green, and 191 blue.

Contrast Ratio: 4.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.54:1