#D9A4B1
pink44% BrightnessWarm
Color Values
HEX
#D9A4B1
RGB
rgb(217, 164, 177)
HSL
hsl(345°, 41%, 75%)
CMYK
cmyk(0%, 24%, 18%, 15%)
Color Harmonies
Complementary
D9A4B1
A4D9CC
Triadic
D9A4B1
B1D9A4
A4B1D9
Analogous
D9A4CB
D9A4B1
D9B2A4
Monochromatic
A1435A
D9A4B1
FFFFFF
Similar Colors
BB5C73
D9A4A4
D9A4BE
F7ECEF
D9B2A4
D9A4CB
CSS Snippets
CSS Variables
--color-base: #D9A4B1; --color-light: #F9F0F2; --color-dark: #B95870;
CSS Class
.element {
color: #D9A4B1;
background: #7D3446;
border-color: #BB5C73;
}Contrast Analysis
Sample Text — 9.90:1
The quick brown fox jumps over the lazy dog
On Black9.90:1
On White2.12:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness44%
Saturation41%
Hue345°
Temp
Warm
LRV
45%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated pink color with 44% brightness, 41% saturation, and 75% lightness.