#5A828C Color

Color Information

HEX	#5A828C
RGB	90, 130, 140
HSL	192° , 22% , 45%
HSV	192° , 36% , 55%
CMYK	36%, 7%, 0%, 45%

Lighter Shades

#6E919A #82A0A8 #95AFB5 #A9BEC3 #BDCDD1 #D1DCDF

Darker Shades

#4F727B #44636A #3A535A #2F4449 #243438 #192427

Complementary Palette

#4D7078 #5A828C #78564D #8C645A #9C7A71 #71949C

Analogous Palette

#5B7B72 #62847A #557A84 #5A828C #626C84 #6A7590

Triadic Palette

#4F727B #5A828C #974E89 #A36397 #89974E #798545

Split Complementary Palette

#51757E #5A828C #8C5A69 #986B78 #8C7D5A #7E7151

Square Palette

#4C6D76 #5A828C #7A6284 #846862 #698C5A #819E74

Tetradic Palette

#4A6B73 #5A828C #5745A1 #8C645A #8EA145 #A2B266

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A828C contains 90 red, 130 green, and 140 blue.

Contrast Ratio: 4.15:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.07:1