#5AA2BD Color

Color Information

HEX	#5AA2BD
RGB	90, 162, 189
HSL	196° , 43% , 55%
HSV	196° , 52% , 74%
CMYK	52%, 14%, 0%, 26%

Lighter Shades

#6EADC5 #82B8CD #95C3D5 #A9CFDD #BDDAE5 #D1E5ED

Darker Shades

#4F8FA6 #447B90 #3A6879 #2F5462 #24414C #192D35

Complementary Palette

#4D8BA3 #5AA2BD #A3654E #BE755B #C78872 #71AFC6

Analogous Palette

#6E968D #72A79A #5598B2 #5AA2BD #727EA7 #7E8AAE

Triadic Palette

#4F8FA6 #5AA2BD #C94FA9 #CF64B3 #A9C94F #95B146

Split Complementary Palette

#5192AA #5AA2BD #BE5B72 #C56B80 #BEA75B #AB9652

Square Palette

#4C889F #5AA2BD #A066B2 #B27B66 #72BE5B #89C875

Tetradic Palette

#4A859B #5AA2BD #6C46D2 #BE755B #ADD246 #BCDA67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA2BD contains 90 red, 162 green, and 189 blue.

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.45:1