#5A6F60 Color

Color Information

HEX#5A6F60
RGB90, 111, 96
HSL137° , 10% , 39%
HSV137° , 19% , 44%
CMYK19%, 0%, 14%, 56%

Lighter Shades

#6E8073 #829286 #95A399 #A9B4AC #BDC5BF #D1D7D2

Darker Shades

#4F6254 #445449 #3A473D #2F3A32 #242C26 #191F1B

Complementary Palette

#4D5F53 #5A6F60 #5E4D59 #6D5A68 #81717D #718376

Analogous Palette

#536A4E #5B7255 #55685A #5A6F60 #55726C #5F817A

Triadic Palette

#4F6254 #5A6F60 #5A5077 #6E6587 #775A50 #694F46

Split Complementary Palette

#516456 #5A6F60 #695A6D #786B7C #6D5A5E #625155

Square Palette

#4C5D51 #5A6F60 #555B72 #72556A #6D695A #848174

Tetradic Palette

#4A5B4F #5A6F60 #48707F #6D5A68 #7F5648 #967469

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6F60 contains 90 red, 111 green, and 96 blue.

Contrast Ratio: 5.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.89:1