Preview
#181017
Family: Pink
Accessibility on this swatch:
Contrast vs white: 18.66:1 · vs black: 1.13:1
HEX
#181017
RGB
rgb(24, 16, 23)
RGBA
rgba(24, 16, 23, 1)
HSL
hsl(308, 20%, 8%)
HSV
hsv(308, 33%, 9%)
LAB
lab(5.66% 4.96 -3.02)
LCH
lch(5.66% 5.81 328.66)
OKLAB
oklab(0.1866 0.0165 -0.0093)
OKLCH
oklch(0.1866 0.0189 330.59)
XYZ
xyz(0.72, 0.63, 0.89)
CMYK
cmyk(0%, 33%, 4%, 91%)
CSS
color: #181017;
CSS variable
--color-181017: #181017;
SCSS
$color-181017: #181017;
Tailwind
fuchsia-900
Export
:root {
--#181017-1: #181017;
}Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.