#D0D0D0
gray63% BrightnessWarm
Color Values
HEX
#D0D0D0
RGB
rgb(208, 208, 208)
HSL
hsl(0°, 0%, 82%)
CMYK
cmyk(0%, 0%, 0%, 18%)
Color Harmonies
Complementary
D0D0D0
D0D0D0
Triadic
D0D0D0
D0D0D0
D0D0D0
Analogous
D0D0D0
D0D0D0
D0D0D0
Monochromatic
848484
D0D0D0
FFFFFF
Similar Colors
9D9D9D
D0D0D0
D0D0D0
FFFFFF
D0D0D0
D0D0D0
CSS Snippets
CSS Variables
--color-base: #D0D0D0; --color-light: #FFFFFF; --color-dark: #9A9A9A;
CSS Class
.element {
color: #D0D0D0;
background: #6A6A6A;
border-color: #9D9D9D;
}Contrast Analysis
Sample Text — 13.62:1
The quick brown fox jumps over the lazy dog
On Black13.62:1
On White1.54:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness63%
Saturation0%
Hue0°
Temp
Warm
LRV
64%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 63% brightness, 0% saturation, and 82% lightness.