#5A6862 Color

Color Information

HEX#5A6862
RGB90, 104, 98
HSL154° , 7% , 38%
HSV154° , 13% , 41%
CMYK13%, 0%, 6%, 59%

Lighter Shades

#6E7A75 #828C88 #959E9B #A9B0AD #BDC3C0 #D1D5D3

Darker Shades

#4F5C56 #444F4A #3A433F #2F3633 #242A27 #191D1B

Complementary Palette

#4D5954 #5A6862 #594D53 #685A60 #7D7176 #717D78

Analogous Palette

#4C674E #526F54 #55625C #5A6862 #526D6F #5D7B7E

Triadic Palette

#4F5C56 #5A6862 #635071 #766582 #716350 #635746

Split Complementary Palette

#515E58 #5A6862 #685A67 #776B76 #685B5A #5E5251

Square Palette

#4C5752 #5A6862 #54526F #6F525F #67685A #7F8074

Tetradic Palette

#4A5550 #5A6862 #495E79 #685A60 #796449 #91806A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6862 contains 90 red, 104 green, and 98 blue.

Contrast Ratio: 5.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.59:1