Suede color: code #A67B5B

Suede

#A67B5B

Color codes

  • HEX#A67B5B
  • RGBrgb(166, 123, 91)
  • HSLhsl(26, 30%, 50%)
  • HSVhsv(26, 45%, 65%)
  • CMYKcmyk(0%, 26%, 45%, 35%)
  • LABlab(55.1% 12.6 24)
  • OKLCHoklch(61.8% 0.07 57.7)

About the color Suede

Suede has the HEX code #A67B5B, which corresponds to rgb(166, 123, 91) in the RGB model. On the color wheel its hue sits at 26°, with 30% saturation and 50% lightness (hsl(26, 30%, 50%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for dark text: black reaches a 5.60:1 contrast ratio on it, versus 3.74:1 for white.

For print, the approximate conversion is cmyk(0%, 26%, 45%, 35%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Suede

Complementary

#A67B5B · #5985A6

Analogous

#A6595E · #A67B5B · #A6A159

Triadic

#A67B5B · #59A67A · #7A59A6

Tetradic

#A67B5B · #5EA659 · #5985A6 · #A159A6

Split-complementary

#A67B5B · #59A6A1 · #595EA6

Monochromatic

#533D2D · #856247 · #A67B5B · #C1A28B · #DBCABD

Suede with white and black text

White text Aa Bb Cc 123
3.74:1 · large text only
Black text Aa Bb Cc 123
5.60:1 · AA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-suede: #A67B5B;
  --color-suede-rgb: 166, 123, 91;
}

.elemento {
  background-color: var(--color-suede);
  color: #000000;
}