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

#A54A59

pink14% BrightnessWarm

Color Values

HEX
#A54A59
RGB
rgb(165, 74, 89)
HSL
hsl(350°, 38%, 47%)
CMYK
cmyk(0%, 55%, 46%, 35%)

Color Harmonies

Complementary

A54A59

4AA596

Triadic

A54A59

59A54A

4A59A5

Analogous

A54A86

A54A59

A5694A

Monochromatic

3B1B20

A54A59

DAAEB5

Similar Colors

5F2A33

A5524A

A54A70

CB8A95

A5694A

A54A86

CSS Snippets

CSS Variables
--color-base: #A54A59;
--color-light: #CC8E98;
--color-dark: #5B2931;
CSS Class
.element {
  color: #A54A59;
  background: #EAD1D5;
  border-color: #CB8A95;
}

Contrast Analysis

Sample Text — 5.64:1

The quick brown fox jumps over the lazy dog

On Black3.72:1
On White5.64:1

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

Properties

Brightness14%
Saturation38%
Hue350°
Temp
Warm
LRV
14%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated pink color with 14% brightness, 38% saturation, and 47% lightness.