#D0D0D0 color preview — HEX, RGB and HSL values on Dopely

#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.