#5ABAE2 Color

Color Information

HEX	#5ABAE2
RGB	90, 186, 226
HSL	198° , 70% , 62%
HSV	198° , 60% , 89%
CMYK	60%, 18%, 0%, 11%

Lighter Shades

#6EC2E5 #82CBE9 #95D3EC #A9DBF0 #BDE3F3 #D1ECF7

Darker Shades

#4FA4C7 #448DAC #3A7791 #2F6176 #244A5A #19343F

Complementary Palette

#4DA0C2 #5ABAE2 #C2714D #E2835A #E69471 #71C4E6

Analogous Palette

#69BAAA #6ECFBB #55AFD4 #5ABAE2 #6E81CF #798BD2

Triadic Palette

#4FA4C7 #5ABAE2 #EC51BD #EE66C5 #BDEC51 #A6D047

Split Complementary Palette

#51A7CB #5ABAE2 #E25A75 #E56B83 #E2C75A #CBB351

Square Palette

#4C9CBE #5ABAE2 #C164D8 #D88764 #75E25A #8BE774

Tetradic Palette

#4A99B9 #5ABAE2 #7C49F3 #E2835A #C0F349 #CBF56A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5ABAE2 contains 90 red, 186 green, and 226 blue.

Contrast Ratio: 2.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.68:1