#8E7C79
gray22% BrightnessWarm
Color Values
HEX
#8E7C79
RGB
rgb(142, 124, 121)
HSL
hsl(9°, 9%, 52%)
CMYK
cmyk(0%, 13%, 15%, 44%)
Color Harmonies
Complementary
8E7C79
798B8E
Triadic
8E7C79
798E7C
7C798E
Analogous
8E7980
8E7C79
8E8679
Monochromatic
3C3432
8E7C79
D4CDCC
Similar Colors
574C4A
8E8179
8E797B
BDB2B0
8E8679
8E7980
CSS Snippets
CSS Variables
--color-base: #8E7C79; --color-light: #BFB5B3; --color-dark: #554947;
CSS Class
.element {
color: #8E7C79;
background: #201C1B;
border-color: #574C4A;
}Contrast Analysis
Sample Text — 5.31:1
The quick brown fox jumps over the lazy dog
On Black5.31:1
On White3.96:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness22%
Saturation9%
Hue9°
Temp
Warm
LRV
22%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 22% brightness, 9% saturation, and 52% lightness.