#5AAFC2 Color

Color Information

HEX#5AAFC2
RGB90, 175, 194
HSL191° , 46% , 56%
HSV191° , 54% , 76%
CMYK54%, 10%, 0%, 24%

Lighter Shades

#6EB9C9 #82C2D1 #95CCD8 #A9D5DF #BDDFE7 #D1E9EE

Darker Shades

#4F9AAB #448593 #3A707C #2F5B65 #24464E #193136

Complementary Palette

#4D97A7 #5AAFC2 #A75F4E #C26E5B #CB8272 #71BACB

Analogous Palette

#6C998A #72AC99 #55A5B6 #5AAFC2 #7284AC #7B8CB2

Triadic Palette

#4F9AAB #5AAFC2 #CE50B7 #D465C0 #B7CE50 #A1B546

Split Complementary Palette

#519EAF #5AAFC2 #C25B7C #C86B89 #C2A25B #AF9252

Square Palette

#4C93A3 #5AAFC2 #9E66B7 #B77566 #7CC25B #91CC75

Tetradic Palette

#4A909F #5AAFC2 #6147D7 #C26E5B #BCD747 #C8DE68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AAFC2 contains 90 red, 175 green, and 194 blue.

Contrast Ratio: 2.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.47:1