Preview
#7b682d
Family: Amber
Accessibility on this swatch:
Contrast vs white: 5.44:1 · vs black: 3.86:1
HEX
#7b682d
RGB
rgb(123, 104, 45)
RGBA
rgba(123, 104, 45, 1)
HSL
hsl(45, 46%, 33%)
HSV
hsv(45, 63%, 48%)
LAB
lab(44.66% 0 35.31)
LCH
lch(44.66% 35.31 90)
OKLAB
oklab(0.523 -0.0021 0.0815)
OKLCH
oklch(0.523 0.0815 91.48)
XYZ
xyz(13.59, 14.30, 4.53)
CMYK
cmyk(0%, 15%, 63%, 52%)
CSS
color: #7b682d;
CSS variable
--color-7b682d: #7b682d;
SCSS
$color-7b682d: #7b682d;
Tailwind
orange-600
Export
:root {
--spectrum-#7b682d-1: #7b682d;
}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.