#5BA2E2 Color

Color Information

HEX#5BA2E2
RGB91, 162, 226
HSL208° , 70% , 62%
HSV208° , 60% , 89%
CMYK60%, 28%, 0%, 11%

Lighter Shades

#6FADE5 #82B8E9 #96C3EC #AACFF0 #BDDAF3 #D1E5F7

Darker Shades

#508FC7 #457BAC #3A6891 #2F5476 #24415A #192D3F

Complementary Palette

#4E8BC2 #5BA2E2 #C2844D #E29A5A #E6A871 #72AFE6

Analogous Palette

#69BAB7 #6ECFCB #5698D4 #5BA2E2 #6E71CF #797CD2

Triadic Palette

#508FC7 #5BA2E2 #EC51A3 #EE66AE #A3EC51 #8FD047

Split Complementary Palette

#5292CB #5BA2E2 #E25A5F #E56B6F #E2DD5A #CBC751

Square Palette

#4C88BE #5BA2E2 #D464D8 #D89A64 #5FE25A #79E774

Tetradic Palette

#4B85B9 #5BA2E2 #9849F3 #E29A5A #A4F349 #B4F56A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BA2E2 contains 91 red, 162 green, and 226 blue.

Contrast Ratio: 2.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.82:1