#5A98C4 Color

Color Information

HEX#5A98C4
RGB90, 152, 196
HSL205° , 47% , 56%
HSV205° , 54% , 77%
CMYK54%, 22%, 0%, 23%

Lighter Shades

#6EA4CB #82B1D2 #95BDD9 #A9C9E0 #BDD6E7 #D1E2EE

Darker Shades

#4F86AC #447495 #3A617D #2F4F66 #243D4E #192B37

Complementary Palette

#4D83A9 #5A98C4 #A9734D #C4865A #CC9771 #71A6CC

Analogous Palette

#6D9C98 #71ADA8 #558FB8 #5A98C4 #7176AD #7C81B6

Triadic Palette

#4F86AC #5A98C4 #CF4F99 #D564A5 #99CF4F #87B646

Split Complementary Palette

#5189B0 #5A98C4 #C45A63 #CA6B73 #C4BB5A #B0A851

Square Palette

#4C80A5 #5A98C4 #B165B8 #B88865 #63C45A #7CCD74

Tetradic Palette

#4A7DA1 #5A98C4 #8346D8 #C4865A #9BD846 #ADDF67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A98C4 contains 90 red, 152 green, and 196 blue.

Contrast Ratio: 3.08:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.82:1