Preview
#473f27
Family: Amber
Accessibility on this swatch:
Contrast vs white: 10.46:1 · vs black: 2.01:1
HEX
#473f27
RGB
rgb(71, 63, 39)
RGBA
rgba(71, 63, 39, 1)
HSL
hsl(45, 29%, 22%)
HSV
hsv(45, 45%, 28%)
LAB
lab(26.85% -0.63 15.98)
LCH
lch(26.85% 15.99 92.26)
OKLAB
oklab(0.3692 -0.0012 0.0393)
OKLCH
oklch(0.3692 0.0393 91.75)
XYZ
xyz(4.74, 5.04, 2.64)
CMYK
cmyk(0%, 11%, 45%, 72%)
CSS
color: #473f27;
CSS variable
--color-473f27: #473f27;
SCSS
$color-473f27: #473f27;
Tailwind
orange-700
Export
:root {
--#473f27-1: #473f27;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.