#3B3B3B

gray4% BrightnessWarm

Color Values

HEX

#3B3B3B

RGB

rgb(59, 59, 59)

HSL

hsl(0°, 0%, 23%)

CMYK

cmyk(0%, 0%, 0%, 77%)

Color Harmonies

Complementary

3B3B3B

Triadic

3B3B3B

Analogous

3B3B3B

Monochromatic

000000

3B3B3B

888888

Similar Colors

080808

3B3B3B

6E6E6E

3B3B3B

CSS Snippets

CSS Variables

--color-base: #3B3B3B;
--color-light: #717171;
--color-dark: #050505;

CSS Class

.element {
  color: #3B3B3B;
  background: #A1A1A1;
  border-color: #6E6E6E;
}

Contrast Analysis

Sample Text — 11.20:1

The quick brown fox jumps over the lazy dog

On Black1.87:1

On White11.20:1

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

Properties

Brightness4%

Saturation0%

Hue0°

Temp

Warm

LRV

Tints

Shades

Use Cases

Primary Button

Light Background

Accent Border

Dark Variant

Description

A dynamically generated gray color with 4% brightness, 0% saturation, and 23% lightness.