#5A828D Color

Color Information

HEX	#5A828D
RGB	90, 130, 141
HSL	193° , 22% , 45%
HSV	193° , 36% , 55%
CMYK	36%, 8%, 0%, 45%

Lighter Shades

#6E919B #82A0A8 #95AFB6 #A9BEC4 #BDCDD1 #D1DCDF

Darker Shades

#4F727C #44636B #3A535A #2F4449 #243438 #192427

Complementary Palette

#4D7079 #5A828D #78564D #8C645A #9C7A71 #71949D

Analogous Palette

#5B7B72 #62847A #557A85 #5A828D #626B84 #6A7590

Triadic Palette

#4F727C #5A828D #974E88 #A36396 #88974E #788545

Split Complementary Palette

#51757F #5A828D #8C5A68 #986B77 #8C7E5A #7E7151

Square Palette

#4C6D76 #5A828D #7A6284 #846862 #688C5A #809E74

Tetradic Palette

#4A6B74 #5A828D #5745A1 #8C645A #8DA145 #A2B266

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A828D contains 90 red, 130 green, and 141 blue.

Contrast Ratio: 4.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.07:1