#5A8AB2 Color

Color Information

HEX	#5A8AB2
RGB	90, 138, 178
HSL	207° , 36% , 53%
HSV	207° , 49% , 70%
CMYK	49%, 22%, 0%, 30%

Lighter Shades

#6E98BB #82A6C4 #95B4CE #A9C2D7 #BDD0E0 #D1DEE9

Darker Shades

#4F799D #446987 #3A5872 #2F485D #243747 #192732

Complementary Palette

#4D7799 #5A8AB2 #99714F #B2835C #BD9473 #719ABD

Analogous Palette

#6A908E #749A98 #5582A7 #5A8AB2 #74769A #8082A3

Triadic Palette

#4F799D #5A8AB2 #BE508D #C6659B #8DBE50 #7CA746

Split Complementary Palette

#517CA0 #5A8AB2 #B25C60 #BA6C70 #B2AE5C #A09D53

Square Palette

#4C7496 #5A8AB2 #A368A6 #A68468 #60B25C #79BE76

Tetradic Palette

#4A7192 #5A8AB2 #8146C8 #B2835C #8EC846 #A2D267

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8AB2 contains 90 red, 138 green, and 178 blue.

Contrast Ratio: 3.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.79:1