#5A8F83 Color

Color Information

HEX#5A8F83
RGB90, 143, 131
HSL166° , 23% , 46%
HSV166° , 37% , 56%
CMYK37%, 0%, 8%, 44%

Lighter Shades

#6E9C92 #82AAA1 #95B7B0 #A9C5BF #BDD2CD #D1E0DC

Darker Shades

#4F7E73 #446D64 #3A5C54 #2F4A44 #243934 #192825

Complementary Palette

#4D7B71 #5A8F83 #7C4D59 #905A67 #A0717C #719F94

Analogous Palette

#5B7B64 #64876E #55867B #5A8F83 #647E87 #6C8893

Triadic Palette

#4F7E73 #5A8F83 #8B4F9C #9964A8 #9C8B4F #897A46

Split Complementary Palette

#518176 #5A8F83 #905A82 #9B6B8F #90695A #825F51

Square Palette

#4C786E #5A8F83 #6E6487 #87646C #82905A #96A274

Tetradic Palette

#4A756B #5A8F83 #455CA5 #905A67 #A59145 #B5A566

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8F83 contains 90 red, 143 green, and 131 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.77:1