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

#D23570

pink17% BrightnessWarm

Color Values

HEX
#D23570
RGB
rgb(210, 53, 112)
HSL
hsl(337°, 64%, 52%)
CMYK
cmyk(0%, 75%, 47%, 18%)

Color Harmonies

Complementary

D23570

35D297

Triadic

D23570

70D235

3570D2

Analogous

D235BE

D23570

D24935

Monochromatic

5A142E

D23570

EEB2C9

Similar Colors

841D44

D23549

D23597

E588AB

D24935

D235BE

CSS Snippets

CSS Variables
--color-base: #D23570;
--color-light: #E68DAE;
--color-dark: #7F1C42;
CSS Class
.element {
  color: #D23570;
  background: #300B19;
  border-color: #841D44;
}

Contrast Analysis

Sample Text — 4.68:1

The quick brown fox jumps over the lazy dog

On Black4.48:1
On White4.68:1

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

Properties

Brightness17%
Saturation64%
Hue337°
Temp
Warm
LRV
17%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated pink color with 17% brightness, 64% saturation, and 52% lightness.