Preview
#3f362a
Family: Brown
Accessibility on this swatch:
Contrast vs white: 11.85:1 · vs black: 1.77:1
HEX
#3f362a
RGB
rgb(63, 54, 42)
RGBA
rgba(63, 54, 42, 1)
HSL
hsl(34, 20%, 21%)
HSV
hsv(34, 33%, 25%)
LAB
lab(23.21% 1.76 9.03)
LCH
lch(23.21% 9.2 78.97)
OKLAB
oklab(0.3387 0.0062 0.0229)
OKLCH
oklch(0.3387 0.0237 74.85)
XYZ
xyz(3.79, 3.86, 2.74)
CMYK
cmyk(0%, 14%, 33%, 75%)
CSS
color: #3f362a;
CSS variable
--color-3f362a: #3f362a;
SCSS
$color-3f362a: #3f362a;
Tailwind
red-700
Export
:root {
--#3f362a-1: #3f362a;
}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.