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

#DE4B9B

pink23% BrightnessWarm

Color Values

HEX
#DE4B9B
RGB
rgb(222, 75, 155)
HSL
hsl(327°, 69%, 58%)
CMYK
cmyk(0%, 66%, 30%, 13%)

Color Harmonies

Complementary

DE4B9B

4BDE8E

Triadic

DE4B9B

9BDE4B

4B9BDE

Analogous

D84BDE

DE4B9B

DE4B51

Monochromatic

7A164C

DE4B9B

F6CCE3

Similar Colors

A51E67

DE4B76

DE4BC0

EEA1CB

DE4B51

D84BDE

CSS Snippets

CSS Variables
--color-base: #DE4B9B;
--color-light: #EFA6CD;
--color-dark: #A01D65;
CSS Class
.element {
  color: #DE4B9B;
  background: #4F0E31;
  border-color: #A51E67;
}

Contrast Analysis

Sample Text — 5.59:1

The quick brown fox jumps over the lazy dog

On Black5.59:1
On White3.76:1

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

Properties

Brightness23%
Saturation69%
Hue327°
Temp
Warm
LRV
23%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated pink color with 23% brightness, 69% saturation, and 58% lightness.