#EC4899
pink25% BrightnessWarm
Color Values
HEX
#EC4899
RGB
rgb(236, 72, 153)
HSL
hsl(330°, 81%, 60%)
CMYK
cmyk(0%, 69%, 35%, 7%)
Color Harmonies
Complementary
EC4899
48EC9B
Triadic
EC4899
99EC48
4899EC
Analogous
EC48EB
EC4899
EC4948
Monochromatic
8C0F4D
EC4899
FAD3E6
Similar Colors
BB1366
EC4870
EC48C2
F6A4CD
EC4948
EC48EB
CSS Snippets
CSS Variables
--color-base: #EC4899; --color-light: #F6A9CF; --color-dark: #B61363;
CSS Class
.element {
color: #EC4899;
background: #5E0A33;
border-color: #BB1366;
}Contrast Analysis
Sample Text — 5.95:1
The quick brown fox jumps over the lazy dog
On Black5.95:1
On White3.53:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness25%
Saturation81%
Hue330°
Temp
Warm
LRV
25%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated pink color with 25% brightness, 81% saturation, and 60% lightness.