#617576
gray17% BrightnessCool
Color Values
HEX
#617576
RGB
rgb(97, 117, 118)
HSL
hsl(183°, 10%, 42%)
CMYK
cmyk(18%, 1%, 0%, 54%)
Color Harmonies
Complementary
617576
766261
Triadic
617576
766175
757661
Analogous
61766D
617576
616A76
Monochromatic
1C2222
617576
B1BEBF
Similar Colors
333D3E
617076
617672
95A7A8
616A76
61766D
CSS Snippets
CSS Variables
--color-base: #617576; --color-light: #98A9AA; --color-dark: #313B3B;
CSS Class
.element {
color: #617576;
background: #CDD6D6;
border-color: #95A7A8;
}Contrast Analysis
Sample Text — 4.87:1
The quick brown fox jumps over the lazy dog
On Black4.31:1
On White4.87:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness17%
Saturation10%
Hue183°
Temp
Cool
LRV
17%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 17% brightness, 10% saturation, and 42% lightness.