#8C9BA1
gray32% BrightnessCool
Color Values
HEX
#8C9BA1
RGB
rgb(140, 155, 161)
HSL
hsl(197°, 10%, 59%)
CMYK
cmyk(13%, 4%, 0%, 37%)
Color Harmonies
Complementary
8C9BA1
A1928C
Triadic
8C9BA1
A18C9B
9BA18C
Analogous
8CA19D
8C9BA1
8C90A1
Monochromatic
434D51
8C9BA1
E0E4E6
Similar Colors
5A686D
8C96A1
8CA0A1
C4CCCF
8C90A1
8CA19D
CSS Snippets
CSS Variables
--color-base: #8C9BA1; --color-light: #C7CED1; --color-dark: #57656B;
CSS Class
.element {
color: #8C9BA1;
background: #2C3335;
border-color: #5A686D;
}Contrast Analysis
Sample Text — 7.32:1
The quick brown fox jumps over the lazy dog
On Black7.32:1
On White2.87:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness32%
Saturation10%
Hue197°
Temp
Cool
LRV
32%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 32% brightness, 10% saturation, and 59% lightness.