#5A6156 Color

Color Information

HEX#5A6156
RGB90, 97, 86
HSL98° , 6% , 36%
HSV98° , 11% , 38%
CMYK7%, 0%, 11%, 62%

Lighter Shades

#6E746A #82877F #959A93 #A9ADA7 #BDC0BB #D1D3D0

Darker Shades

#4F554C #444A41 #3A3E37 #2F322D #242722 #191B18

Complementary Palette

#4D534A #5A6156 #504A53 #5D5661 #746E77 #71776E

Analogous Palette

#5E6148 #676A4E #555B51 #5A6156 #4E6A53 #59785C

Triadic Palette

#4F554C #5A6156 #4D586A #626C7C #6A4D58 #5D444D

Split Complementary Palette

#51574D #5A6156 #585661 #696771 #615660 #574D56

Square Palette

#4C5148 #5A6156 #4E676A #5F4E6A #615856 #7A7371

Tetradic Palette

#4A5047 #5A6156 #467262 #5D5661 #724656 #8B6774

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6156 contains 90 red, 97 green, and 86 blue.

Contrast Ratio: 6.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.27:1