#5A8E8C Color

Color Information

HEX#5A8E8C
RGB90, 142, 140
HSL178° , 22% , 45%
HSV178° , 37% , 56%
CMYK37%, 0%, 1%, 44%

Lighter Shades

#6E9C9A #82A9A8 #95B7B5 #A9C4C3 #BDD2D1 #D1DFDF

Darker Shades

#4F7D7B #446C6A #3A5B5A #2F4A49 #243938 #192827

Complementary Palette

#4D7A78 #5A8E8C #784D4E #8C5A5B #9C7172 #719E9C

Analogous Palette

#5B7B69 #628472 #558584 #5A8E8C #627384 #6A7E90

Triadic Palette

#4F7D7B #5A8E8C #954E97 #A263A3 #97954E #858345

Split Complementary Palette

#51807E #5A8E8C #8C5A74 #986B82 #8C715A #7E6651

Square Palette

#4C7776 #5A8E8C #726284 #846262 #748C5A #8A9E74

Tetradic Palette

#4A7473 #5A8E8C #4546A1 #8C5A5B #A19E45 #B2AF66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8E8C contains 90 red, 142 green, and 140 blue.

Contrast Ratio: 3.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.76:1