#2F2F2F

gray3% BrightnessWarm

Color Values

HEX

#2F2F2F

RGB

rgb(47, 47, 47)

HSL

hsl(0°, 0%, 18%)

CMYK

cmyk(0%, 0%, 0%, 82%)

Color Harmonies

Complementary

2F2F2F

Triadic

2F2F2F

Analogous

2F2F2F

Monochromatic

000000

2F2F2F

7C7C7C

Similar Colors

000000

2F2F2F

626262

2F2F2F

CSS Snippets

CSS Variables

--color-base: #2F2F2F;
--color-light: #656565;
--color-dark: #000000;

CSS Class

.element {
  color: #2F2F2F;
  background: #959595;
  border-color: #626262;
}

Contrast Analysis

Sample Text — 13.39:1

The quick brown fox jumps over the lazy dog

On Black1.57:1

On White13.39:1

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

Properties

Brightness3%

Saturation0%

Hue0°

Temp

Warm

LRV

Tints

Shades

Use Cases

Primary Button

Light Background

Accent Border

Dark Variant

Description

A dynamically generated gray color with 3% brightness, 0% saturation, and 18% lightness.