#D9D9D9
gray69% BrightnessWarm
Color Values
HEX
#D9D9D9
RGB
rgb(217, 217, 217)
HSL
hsl(0°, 0%, 85%)
CMYK
cmyk(0%, 0%, 0%, 15%)
Color Harmonies
Complementary
D9D9D9
D9D9D9
Triadic
D9D9D9
D9D9D9
D9D9D9
Analogous
D9D9D9
D9D9D9
D9D9D9
Monochromatic
8D8D8D
D9D9D9
FFFFFF
Similar Colors
A6A6A6
D9D9D9
D9D9D9
FFFFFF
D9D9D9
D9D9D9
CSS Snippets
CSS Variables
--color-base: #D9D9D9; --color-light: #FFFFFF; --color-dark: #A3A3A3;
CSS Class
.element {
color: #D9D9D9;
background: #737373;
border-color: #A6A6A6;
}Contrast Analysis
Sample Text — 14.88:1
The quick brown fox jumps over the lazy dog
On Black14.88:1
On White1.41:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness69%
Saturation0%
Hue0°
Temp
Warm
LRV
70%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 69% brightness, 0% saturation, and 85% lightness.