#5A94A0 Color

Color Information

HEX#5A94A0
RGB90, 148, 160
HSL190° , 28% , 49%
HSV190° , 44% , 63%
CMYK44%, 7%, 0%, 37%

Lighter Shades

#6EA1AB #82AEB7 #95BBC2 #A9C7CE #BDD4D9 #D1E1E4

Darker Shades

#4F828D #44707A #3A5F66 #2F4D53 #243B40 #19292D

Complementary Palette

#4D7F8A #5A94A0 #8A584D #A0665A #AD7B71 #71A3AD

Analogous Palette

#628478 #6A9083 #558B96 #5A94A0 #6A7790 #758199

Triadic Palette

#4F828D #5A94A0 #AC4D9D #B662A9 #9DAC4D #8A9744

Split Complementary Palette

#518590 #5A94A0 #A05A71 #AA6B7F #A0895A #907B51

Square Palette

#4C7C86 #5A94A0 #846693 #936E66 #71A05A #88AF74

Tetradic Palette

#4A7983 #5A94A0 #5743B6 #A0665A #A3B643 #B4C365

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A94A0 contains 90 red, 148 green, and 160 blue.

Contrast Ratio: 3.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.27:1