Preview
#493a1d
Family: Orange
Accessibility on this swatch:
Contrast vs white: 11.02:1 · vs black: 1.91:1
HEX
#493a1d
RGB
rgb(73, 58, 29)
RGBA
rgba(73, 58, 29, 1)
HSL
hsl(40, 43%, 20%)
HSV
hsv(40, 60%, 29%)
LAB
lab(25.36% 2.39 20.35)
LCH
lch(25.36% 20.49 83.3)
OKLAB
oklab(0.3574 0.0063 0.0483)
OKLCH
oklch(0.3574 0.0487 82.57)
XYZ
xyz(4.48, 4.53, 1.80)
CMYK
cmyk(0%, 21%, 60%, 71%)
CSS
color: #493a1d;
CSS variable
--color-493a1d: #493a1d;
SCSS
$color-493a1d: #493a1d;
Tailwind
orange-800
Export
:root {
--#493a1d-1: #493a1d;
}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.