Preview
#48391e
Family: Orange
Accessibility on this swatch:
Contrast vs white: 11.17:1 · vs black: 1.88:1
HEX
#48391e
RGB
rgb(72, 57, 30)
RGBA
rgba(72, 57, 30, 1)
HSL
hsl(39, 41%, 20%)
HSV
hsv(39, 58%, 28%)
LAB
lab(24.95% 2.63 19.21)
LCH
lch(24.95% 19.39 82.2)
OKLAB
oklab(0.354 0.0072 0.0459)
OKLCH
oklch(0.354 0.0465 81.09)
XYZ
xyz(4.37, 4.40, 1.85)
CMYK
cmyk(0%, 21%, 58%, 72%)
CSS
color: #48391e;
CSS variable
--color-48391e: #48391e;
SCSS
$color-48391e: #48391e;
Tailwind
red-800
Export
:root {
--#48391e-1: #48391e;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.