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

#D5006D

pink15% BrightnessWarm

Color Values

HEX
#D5006D
RGB
rgb(213, 0, 109)
HSL
hsl(329°, 100%, 42%)
CMYK
cmyk(0%, 100%, 49%, 16%)

Color Harmonies

Complementary

D5006D

00D568

Triadic

D5006D

6DD500

006DD5

Analogous

D300D5

D5006D

D50002

Monochromatic

3C001F

D5006D

FF6FB9

Similar Colors

6F0039

D50038

D500A2

FF3CA0

D50002

D300D5

CSS Snippets

CSS Variables
--color-base: #D5006D;
--color-light: #FF41A2;
--color-dark: #6A0036;
CSS Class
.element {
  color: #D5006D;
  background: #FFA2D2;
  border-color: #FF3CA0;
}

Contrast Analysis

Sample Text — 5.19:1

The quick brown fox jumps over the lazy dog

On Black4.05:1
On White5.19:1

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

Properties

Brightness15%
Saturation100%
Hue329°
Temp
Warm
LRV
15%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated pink color with 15% brightness, 100% saturation, and 42% lightness.