#7D7E83
gray21% BrightnessCool
Color Values
HEX
#7D7E83
RGB
rgb(125, 126, 131)
HSL
hsl(230°, 2%, 50%)
CMYK
cmyk(5%, 4%, 0%, 49%)
Color Harmonies
Complementary
7D7E83
83827D
Triadic
7D7E83
837D7E
7E837D
Analogous
7D8183
7D7E83
7F7D83
Monochromatic
323335
7D7E83
CBCCCE
Similar Colors
4B4C4F
7E7D83
7D8083
B1B2B5
7F7D83
7D8183
CSS Snippets
CSS Variables
--color-base: #7D7E83; --color-light: #B4B4B7; --color-dark: #49494C;
CSS Class
.element {
color: #7D7E83;
background: #E5E6E7;
border-color: #B1B2B5;
}Contrast Analysis
Sample Text — 5.18:1
The quick brown fox jumps over the lazy dog
On Black5.18:1
On White4.05:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness21%
Saturation2%
Hue230°
Temp
Cool
LRV
21%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 21% brightness, 2% saturation, and 50% lightness.