Preview
#12170b
Family: Black
Accessibility on this swatch:
Contrast vs white: 18.21:1 · vs black: 1.15:1
HEX
#12170b
RGB
rgb(18, 23, 11)
RGBA
rgba(18, 23, 11, 1)
HSL
hsl(85, 35%, 7%)
HSV
hsv(85, 52%, 9%)
LAB
lab(6.92% -4.56 5.75)
LCH
lch(6.92% 7.34 128.42)
OKLAB
oklab(0.1952 -0.0145 0.0193)
OKLCH
oklch(0.1952 0.0241 126.92)
XYZ
xyz(0.62, 0.77, 0.43)
CMYK
cmyk(22%, 0%, 52%, 91%)
CSS
color: #12170b;
CSS variable
--color-12170b: #12170b;
SCSS
$color-12170b: #12170b;
Tailwind
yellow-900
Export
:root {
--#12170b-1: #12170b;
}Power, elegance, and clarity. Luxury brands and high-contrast interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Black family.