#171616

gray1% BrightnessWarm

Color Values

HEX

#171616

RGB

rgb(23, 22, 22)

HSL

hsl(0°, 2%, 9%)

CMYK

cmyk(0%, 4%, 4%, 91%)

Color Harmonies

Complementary

171616

161717

Triadic

171616

161716

161617

Analogous

171616

Monochromatic

000000

171616

656161

Similar Colors

000000

171616

4B4848

171616

CSS Snippets

CSS Variables

--color-base: #171616;
--color-light: #4E4A4A;
--color-dark: #000000;

CSS Class

.element {
  color: #171616;
  background: #7F7A7A;
  border-color: #4B4848;
}

Contrast Analysis

Sample Text — 18.06:1

The quick brown fox jumps over the lazy dog

On Black1.16:1

On White18.06:1

WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1

Properties

Brightness1%

Saturation2%

Hue0°

Temp

Warm

LRV

Tints

Shades

Use Cases

Primary Button

Light Background

Accent Border

Dark Variant

Description

A dynamically generated gray color with 1% brightness, 2% saturation, and 9% lightness.