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

#8B8DA1

gray27% BrightnessCool

Color Values

HEX
#8B8DA1
RGB
rgb(139, 141, 161)
HSL
hsl(235°, 10%, 59%)
CMYK
cmyk(14%, 12%, 0%, 37%)

Color Harmonies

Complementary

8B8DA1

A19F8B

Triadic

8B8DA1

A18B8D

8DA18B

Analogous

8B98A1

8B8DA1

948BA1

Monochromatic

424351

8B8DA1

E0E0E5

Similar Colors

595B6D

8E8BA1

8B93A1

C3C4CF

948BA1

8B98A1

CSS Snippets

CSS Variables
--color-base: #8B8DA1;
--color-light: #C6C7D1;
--color-dark: #56586B;
CSS Class
.element {
  color: #8B8DA1;
  background: #2B2C35;
  border-color: #595B6D;
}

Contrast Analysis

Sample Text — 6.42:1

The quick brown fox jumps over the lazy dog

On Black6.42:1
On White3.27:1

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

Properties

Brightness27%
Saturation10%
Hue235°
Temp
Cool
LRV
28%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated gray color with 27% brightness, 10% saturation, and 59% lightness.