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

#A62545

pink10% BrightnessWarm

Color Values

HEX
#A62545
RGB
rgb(166, 37, 69)
HSL
hsl(345°, 64%, 40%)
CMYK
cmyk(0%, 78%, 58%, 35%)

Color Harmonies

Complementary

A62545

25A686

Triadic

A62545

45A625

2545A6

Analogous

A62585

A62545

A64625

Monochromatic

290911

A62545

E38199

Similar Colors

531222

A62525

A62565

DA5778

A64625

A62585

CSS Snippets

CSS Variables
--color-base: #A62545;
--color-light: #DB5C7B;
--color-dark: #4E1121;
CSS Class
.element {
  color: #A62545;
  background: #ECABBB;
  border-color: #DA5778;
}

Contrast Analysis

Sample Text — 7.07:1

The quick brown fox jumps over the lazy dog

On Black2.97:1
On White7.07:1

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

Properties

Brightness10%
Saturation64%
Hue345°
Temp
Warm
LRV
10%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated pink color with 10% brightness, 64% saturation, and 40% lightness.