#B54162
pink14% BrightnessWarm
Color Values
HEX
#B54162
RGB
rgb(181, 65, 98)
HSL
hsl(343°, 47%, 48%)
CMYK
cmyk(0%, 64%, 46%, 29%)
Color Harmonies
Complementary
B54162
41B594
Triadic
B54162
62B541
4162B5
Analogous
B5419C
B54162
B55A41
Monochromatic
441925
B54162
E2ADBC
Similar Colors
6A2639
B54145
B5417F
D4889E
B55A41
B5419C
CSS Snippets
CSS Variables
--color-base: #B54162; --color-light: #D68CA1; --color-dark: #662537;
CSS Class
.element {
color: #B54162;
background: #EFD3DB;
border-color: #D4889E;
}Contrast Analysis
Sample Text — 5.39:1
The quick brown fox jumps over the lazy dog
On Black3.90:1
On White5.39:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness14%
Saturation47%
Hue343°
Temp
Warm
LRV
14%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated pink color with 14% brightness, 47% saturation, and 48% lightness.