#5A8AD2 Color

Color Information

HEX#5A8AD2
RGB90, 138, 210
HSL216° , 57% , 59%
HSV216° , 57% , 82%
CMYK57%, 34%, 0%, 18%

Lighter Shades

#6E98D7 #82A6DD #95B4E2 #A9C2E8 #BDD0ED #D1DEF2

Darker Shades

#4F79B9 #4469A0 #3A5886 #2F486D #243754 #19273B

Complementary Palette

#4D77B5 #5A8AD2 #B58B4E #D2A25B #D8AF72 #719AD8

Analogous Palette

#6AA3A9 #70B5BD #5582C5 #5A8AD2 #7870BD #817AC2

Triadic Palette

#4F79B9 #5A8AD2 #DC5088 #E06596 #88DC50 #78C246

Split Complementary Palette

#517CBD #5A8AD2 #D2675B #D7766B #C6D25B #B2BD52

Square Palette

#4C74B0 #5A8AD2 #C865BE #C8A065 #5BD267 #75D97F

Tetradic Palette

#4A71AC #5A8AD2 #A648E5 #D2A25B #87E548 #9DEA69

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8AD2 contains 90 red, 138 green, and 210 blue.

Contrast Ratio: 3.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.08:1