Preview
#473d0f
Family: Amber
Accessibility on this swatch:
Contrast vs white: 10.81:1 · vs black: 1.94:1
HEX
#473d0f
RGB
rgb(71, 61, 15)
RGBA
rgba(71, 61, 15, 1)
HSL
hsl(49, 65%, 17%)
HSV
hsv(49, 79%, 28%)
LAB
lab(25.9% -1.69 28.59)
LCH
lch(25.9% 28.64 93.38)
OKLAB
oklab(0.3606 -0.0074 0.0637)
OKLCH
oklch(0.3606 0.0641 96.63)
XYZ
xyz(4.35, 4.71, 1.13)
CMYK
cmyk(0%, 14%, 79%, 72%)
CSS
color: #473d0f;
CSS variable
--color-473d0f: #473d0f;
SCSS
$color-473d0f: #473d0f;
Tailwind
orange-800
Export
:root {
--#473d0f-1: #473d0f;
}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.