#370A2B color preview — HEX, RGB and HSL values on Dopely

#370A2B

pink1% BrightnessWarm

Color Values

HEX
#370A2B
RGB
rgb(55, 10, 43)
HSL
hsl(316°, 69%, 13%)
CMYK
cmyk(0%, 82%, 22%, 78%)

Color Harmonies

Complementary

370A2B

0A3716

Triadic

370A2B

2B370A

0A2B37

Analogous

2D0A37

370A2B

370A14

Monochromatic

000000

370A2B

B82290

Similar Colors

000000

370A20

370A36

8D1A6E

370A14

2D0A37

CSS Snippets

CSS Variables
--color-base: #370A2B;
--color-light: #921A72;
--color-dark: #000000;
CSS Class
.element {
  color: #370A2B;
  background: #DA33AD;
  border-color: #8D1A6E;
}

Contrast Analysis

Sample Text — 16.93:1

The quick brown fox jumps over the lazy dog

On Black1.24:1
On White16.93:1

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

Properties

Brightness1%
Saturation69%
Hue316°
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, 69% saturation, and 13% lightness.