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

#2A1620

pink1% BrightnessWarm

Color Values

HEX
#2A1620
RGB
rgb(42, 22, 32)
HSL
hsl(330°, 31%, 13%)
CMYK
cmyk(0%, 48%, 24%, 84%)

Color Harmonies

Complementary

2A1620

162A20

Triadic

2A1620

202A16

16202A

Analogous

2A162A

2A1620

2A1616

Monochromatic

000000

2A1620

8E4B6D

Similar Colors

000000

2A161B

2A1625

6D3953

2A1616

2A162A

CSS Snippets

CSS Variables
--color-base: #2A1620;
--color-light: #703B56;
--color-dark: #000000;
CSS Class
.element {
  color: #2A1620;
  background: #AC6086;
  border-color: #6D3953;
}

Contrast Analysis

Sample Text — 17.02:1

The quick brown fox jumps over the lazy dog

On Black1.23:1
On White17.02:1

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

Properties

Brightness1%
Saturation31%
Hue330°
Temp
Warm
LRV
1%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated pink color with 1% brightness, 31% saturation, and 13% lightness.