#D48B9D
pink35% BrightnessWarm
Color Values
HEX
#D48B9D
RGB
rgb(212, 139, 157)
HSL
hsl(345°, 46%, 69%)
CMYK
cmyk(0%, 34%, 26%, 17%)
Color Harmonies
Complementary
D48B9D
8BD4C2
Triadic
D48B9D
9DD48B
8B9DD4
Analogous
D48BC2
D48B9D
D49D8B
Monochromatic
90364C
D48B9D
FDFBFB
Similar Colors
B64360
D48B8B
D48BAF
F0D5DC
D49D8B
D48BC2
CSS Snippets
CSS Variables
--color-base: #D48B9D; --color-light: #F1D9DF; --color-dark: #B2425E;
CSS Class
.element {
color: #D48B9D;
background: #6B2838;
border-color: #B64360;
}Contrast Analysis
Sample Text — 7.98:1
The quick brown fox jumps over the lazy dog
On Black7.98:1
On White2.63:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness35%
Saturation46%
Hue345°
Temp
Warm
LRV
35%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated pink color with 35% brightness, 46% saturation, and 69% lightness.