#5AB8DA Color

Color Information

HEX#5AB8DA
RGB90, 184, 218
HSL196° , 63% , 60%
HSV196° , 59% , 85%
CMYK59%, 16%, 0%, 15%

Lighter Shades

#6EC1DE #82C9E3 #95D2E7 #A9DAEC #BDE3F0 #D1EBF5

Darker Shades

#4FA2C0 #448CA6 #3A768C #2F6071 #244A57 #19343D

Complementary Palette

#4D9EBB #5AB8DA #BB6A4D #D97B59 #DE8D70 #71C2DF

Analogous Palette

#68B1A0 #6DC5B0 #55ADCD #5AB8DA #6D82C5 #788BC9

Triadic Palette

#4FA2C0 #5AB8DA #E34FBC #E664C4 #BCE34F #A5C846

Split Complementary Palette

#51A6C4 #5AB8DA #D95977 #DD6A85 #D9BB59 #C3A850

Square Palette

#4C9BB7 #5AB8DA #B663CF #CF8063 #77D959 #8DDF74

Tetradic Palette

#4A97B3 #5AB8DA #7246EC #D97B59 #C0EC46 #CBEF67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AB8DA contains 90 red, 184 green, and 218 blue.

Contrast Ratio: 2.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.43:1