#2A1037 color preview — HEX, RGB and HSL values on Dopely

#2A1037

purple1% BrightnessWarm

Color Values

HEX
#2A1037
RGB
rgb(42, 16, 55)
HSL
hsl(280°, 55%, 14%)
CMYK
cmyk(24%, 71%, 0%, 78%)

Color Harmonies

Complementary

2A1037

1D3710

Triadic

2A1037

372A10

10372A

Analogous

161037

2A1037

371030

Monochromatic

000000

2A1037

8532AE

Similar Colors

000000

341037

201037

662786

371030

161037

CSS Snippets

CSS Variables
--color-base: #2A1037;
--color-light: #69288A;
--color-dark: #000000;
CSS Class
.element {
  color: #2A1037;
  background: #9F49CA;
  border-color: #662786;
}

Contrast Analysis

Sample Text — 17.10:1

The quick brown fox jumps over the lazy dog

On Black1.23:1
On White17.10:1

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

Properties

Brightness1%
Saturation55%
Hue280°
Temp
Warm
LRV
1%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated purple color with 1% brightness, 55% saturation, and 14% lightness.