#66817E
gray20% BrightnessCool
Color Values
HEX
#66817E
RGB
rgb(102, 129, 126)
HSL
hsl(173°, 12%, 45%)
CMYK
cmyk(21%, 0%, 2%, 49%)
Color Harmonies
Complementary
66817E
816669
Triadic
66817E
7E6681
817E66
Analogous
668171
66817E
667681
Monochromatic
222C2B
66817E
B9C7C6
Similar Colors
394846
667D81
668177
9CB1AF
667681
668171
CSS Snippets
CSS Variables
--color-base: #66817E; --color-light: #9FB3B1; --color-dark: #374544;
CSS Class
.element {
color: #66817E;
background: #D5DEDD;
border-color: #9CB1AF;
}Contrast Analysis
Sample Text — 5.01:1
The quick brown fox jumps over the lazy dog
On Black5.01:1
On White4.19:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness20%
Saturation12%
Hue173°
Temp
Cool
LRV
20%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 20% brightness, 12% saturation, and 45% lightness.