Greige color: code #A89F91
Greige
#A89F91
Color codes
- HEX
#A89F91 - RGB
rgb(168, 159, 145) - HSL
hsl(37, 12%, 61%) - HSV
hsv(37, 14%, 66%) - CMYK
cmyk(0%, 5%, 14%, 34%) - LAB
lab(65.9% 0.8 8.5) - OKLCH
oklch(70.6% 0.023 79.1)
About the color Greige
Greige has the HEX code #A89F91, which corresponds to rgb(168, 159, 145) in the RGB model. On the color wheel its hue sits at 37°, with 12% saturation and 61% lightness (hsl(37, 12%, 61%)).
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 8.03:1 contrast ratio on it, versus 2.61:1 for white.
For print, the approximate conversion is cmyk(0%, 5%, 14%, 34%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Greige
Complementary
#A89F91 · #9099A7
Analogous
#A79290 · #A89F91 · #A5A790
Triadic
#A89F91 · #90A79E · #9E90A7
Tetradic
#A89F91 · #90A792 · #9099A7 · #A790A5
Split-complementary
#A89F91 · #90A5A7 · #9290A7
Monochromatic
#675E51 · #918673 · #A89F91 · #C9C4BA · #EBE9E5
Greige with white and black text
How to use it in CSS
:root {
--color-greige: #A89F91;
--color-greige-rgb: 168, 159, 145;
}
.elemento {
background-color: var(--color-greige);
color: #000000;
}