Preview
#2b291a
Family: Amber
Accessibility on this swatch:
Contrast vs white: 14.64:1 · vs black: 1.43:1
HEX
#2b291a
RGB
rgb(43, 41, 26)
RGBA
rgba(43, 41, 26, 1)
HSL
hsl(53, 25%, 14%)
HSV
hsv(53, 40%, 17%)
LAB
lab(16.38% -2.07 10.19)
LCH
lch(16.38% 10.4 101.48)
OKLAB
oklab(0.2784 -0.0052 0.0254)
OKLCH
oklch(0.2784 0.0259 101.57)
XYZ
xyz(1.98, 2.17, 1.29)
CMYK
cmyk(0%, 5%, 40%, 83%)
CSS
color: #2b291a;
CSS variable
--color-2b291a: #2b291a;
SCSS
$color-2b291a: #2b291a;
Tailwind
orange-800
Export
:root {
--#2b291a-1: #2b291a;
}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.