Preview
#48310b
Family: Orange
Accessibility on this swatch:
Contrast vs white: 12.21:1 · vs black: 1.72:1
HEX
#48310b
RGB
rgb(72, 49, 11)
RGBA
rgba(72, 49, 11, 1)
HSL
hsl(37, 73%, 16%)
HSV
hsv(37, 85%, 28%)
LAB
lab(22.3% 6.36 26.87)
LCH
lch(22.3% 27.61 76.68)
OKLAB
oklab(0.3325 0.0152 0.0593)
OKLCH
oklch(0.3325 0.0612 75.62)
XYZ
xyz(3.83, 3.60, 0.81)
CMYK
cmyk(0%, 32%, 85%, 72%)
CSS
color: #48310b;
CSS variable
--color-48310b: #48310b;
SCSS
$color-48310b: #48310b;
Tailwind
red-800
Export
:root {
--#48310b-1: #48310b;
}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.