Preview
#181418
Family: Pink
Accessibility on this swatch:
Contrast vs white: 18.23:1 · vs black: 1.15:1
HEX
#181418
RGB
rgb(24, 20, 24)
RGBA
rgba(24, 20, 24, 1)
HSL
hsl(300, 9%, 9%)
HSV
hsv(300, 17%, 9%)
LAB
lab(6.87% 2.82 -2.02)
LCH
lch(6.87% 3.47 324.39)
OKLAB
oklab(0.1978 0.0083 -0.0056)
OKLCH
oklch(0.1978 0.01 325.99)
XYZ
xyz(0.79, 0.76, 0.97)
CMYK
cmyk(0%, 17%, 0%, 91%)
CSS
color: #181418;
CSS variable
--color-181418: #181418;
SCSS
$color-181418: #181418;
Tailwind
fuchsia-900
Export
:root {
--#181418-1: #181418;
}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.