Preview
#342e24
Family: Brown
Accessibility on this swatch:
Contrast vs white: 13.44:1 · vs black: 1.56:1
HEX
#342e24
RGB
rgb(52, 46, 36)
RGBA
rgba(52, 46, 36, 1)
HSL
hsl(38, 18%, 17%)
HSV
hsv(38, 31%, 20%)
LAB
lab(19.27% 0.74 7.45)
LCH
lch(19.27% 7.49 84.33)
OKLAB
oklab(0.3044 0.0032 0.019)
OKLCH
oklch(0.3044 0.0193 80.44)
XYZ
xyz(2.71, 2.81, 2.07)
CMYK
cmyk(0%, 12%, 31%, 80%)
CSS
color: #342e24;
CSS variable
--color-342e24: #342e24;
SCSS
$color-342e24: #342e24;
Tailwind
red-800
Export
:root {
--#342e24-1: #342e24;
}Reliability, earthiness, and craft. Common in organic, coffee, and heritage brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Brown family.