Preview
#2a2820
Family: Amber
Accessibility on this swatch:
Contrast vs white: 14.76:1 · vs black: 1.42:1
HEX
#2a2820
RGB
rgb(42, 40, 32)
RGBA
rgba(42, 40, 32, 1)
HSL
hsl(48, 14%, 15%)
HSV
hsv(48, 24%, 16%)
LAB
lab(16.08% -0.81 5.61)
LCH
lch(16.08% 5.67 98.22)
OKLAB
oklab(0.2762 -0.0014 0.0144)
OKLCH
oklch(0.2762 0.0145 95.55)
XYZ
xyz(1.97, 2.11, 1.67)
CMYK
cmyk(0%, 5%, 24%, 84%)
CSS
color: #2a2820;
CSS variable
--color-2a2820: #2a2820;
SCSS
$color-2a2820: #2a2820;
Tailwind
orange-800
Export
:root {
--#2a2820-1: #2a2820;
}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.