Preview
#493c21
Family: Orange
Accessibility on this swatch:
Contrast vs white: 10.76:1 · vs black: 1.95:1
HEX
#493c21
RGB
rgb(73, 60, 33)
RGBA
rgba(73, 60, 33, 1)
HSL
hsl(41, 38%, 21%)
HSV
hsv(41, 55%, 29%)
LAB
lab(26.03% 1.53 18.73)
LCH
lch(26.03% 18.79 85.33)
OKLAB
oklab(0.363 0.0043 0.0451)
OKLCH
oklch(0.363 0.0453 84.55)
XYZ
xyz(4.64, 4.76, 2.11)
CMYK
cmyk(0%, 18%, 55%, 71%)
CSS
color: #493c21;
CSS variable
--color-493c21: #493c21;
SCSS
$color-493c21: #493c21;
Tailwind
orange-700
Export
:root {
--#493c21-1: #493c21;
}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.