#844E62 color preview — HEX, RGB and HSL values on Dopely

#844E62

pink11% BrightnessWarm

Color Values

HEX
#844E62
RGB
rgb(132, 78, 98)
HSL
hsl(338°, 26%, 41%)
CMYK
cmyk(0%, 41%, 26%, 48%)

Color Harmonies

Complementary

844E62

4E8470

Triadic

844E62

62844E

4E6284

Analogous

844E7D

844E62

84554E

Monochromatic

24151B

844E62

C8A3B1

Similar Colors

442832

844E54

844E70

B58395

84554E

844E7D

CSS Snippets

CSS Variables
--color-base: #844E62;
--color-light: #B78698;
--color-dark: #412630;
CSS Class
.element {
  color: #844E62;
  background: #DBC3CC;
  border-color: #B58395;
}

Contrast Analysis

Sample Text — 6.47:1

The quick brown fox jumps over the lazy dog

On Black3.25:1
On White6.47:1

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

Properties

Brightness11%
Saturation26%
Hue338°
Temp
Warm
LRV
11%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated pink color with 11% brightness, 26% saturation, and 41% lightness.