#5AA8C1 Color

Color Information

HEX	#5AA8C1
RGB	90, 168, 193
HSL	195° , 45% , 55%
HSV	195° , 53% , 76%
CMYK	53%, 13%, 0%, 24%

Lighter Shades

#6EB2C8 #82BDD0 #95C7D7 #A9D2DF #BDDCE6 #D1E7EE

Darker Shades

#4F94AA #448093 #3A6C7C #2F5764 #24434D #192F36

Complementary Palette

#4D90A6 #5AA8C1 #A5624D #C07259 #C98670 #71B4CA

Analogous Palette

#6C998D #70A99B #559EB5 #5AA8C1 #707EA9 #7C89B1

Triadic Palette

#4F94AA #5AA8C1 #CB4DAC #D162B6 #ACCB4D #97B344

Split Complementary Palette

#5197AE #5AA8C1 #C05972 #C66A80 #C0A659 #AD9550

Square Palette

#4C8DA2 #5AA8C1 #A064B4 #B47864 #72C059 #89CA74

Tetradic Palette

#4A8A9E #5AA8C1 #6844D5 #C07259 #B0D544 #BEDD66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA8C1 contains 90 red, 168 green, and 193 blue.

Contrast Ratio: 2.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.92:1