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

#9283BC

purple26% BrightnessWarm

Color Values

HEX
#9283BC
RGB
rgb(146, 131, 188)
HSL
hsl(256°, 30%, 63%)
CMYK
cmyk(22%, 30%, 0%, 26%)

Color Harmonies

Complementary

9283BC

ADBC83

Triadic

9283BC

BC9283

83BC92

Analogous

8390BC

9283BC

AF83BC

Monochromatic

473A6C

9283BC

E9E6F2

Similar Colors

5D4C8D

A083BC

8483BC

CCC5E0

AF83BC

8390BC

CSS Snippets

CSS Variables
--color-base: #9283BC;
--color-light: #CFC9E2;
--color-dark: #5B4A8A;
CSS Class
.element {
  color: #9283BC;
  background: #31284B;
  border-color: #5D4C8D;
}

Contrast Analysis

Sample Text — 6.19:1

The quick brown fox jumps over the lazy dog

On Black6.19:1
On White3.39:1

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

Properties

Brightness26%
Saturation30%
Hue256°
Temp
Warm
LRV
26%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated purple color with 26% brightness, 30% saturation, and 63% lightness.