#5B8AEA Color

Color Information

HEX#5B8AEA
RGB91, 138, 234
HSL220° , 77% , 64%
HSV220° , 61% , 92%
CMYK61%, 41%, 0%, 8%

Lighter Shades

#6F98ED #82A6EF #96B4F2 #AAC2F4 #BDD0F7 #D1DEF9

Darker Shades

#5079CE #4569B2 #3A5896 #2F487A #24375E #192742

Complementary Palette

#4E77C9 #5B8AEA #C9A150 #EABB5D #EDC574 #729AED

Analogous Palette

#6BB4C2 #6FC6D8 #5682DC #5B8AEA #806FD8 #8B7BDB

Triadic Palette

#5079CE #5B8AEA #F35389 #F46897 #89F353 #79D649

Split Complementary Palette

#527CD3 #5B8AEA #EA745D #EC826D #D2EA5D #BDD354

Square Palette

#4C74C5 #5B8AEA #E166CC #E1B866 #5DEA74 #77ED8A

Tetradic Palette

#4B71C0 #5B8AEA #C04CFA #EABB5D #86FA4C #9CFB6C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B8AEA contains 91 red, 138 green, and 234 blue.

Contrast Ratio: 3.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.34:1