Preview
#2f2c20
Family: Amber
Accessibility on this swatch:
Contrast vs white: 13.98:1 · vs black: 1.5:1
HEX
#2f2c20
RGB
rgb(47, 44, 32)
RGBA
rgba(47, 44, 32, 1)
HSL
hsl(48, 19%, 15%)
HSV
hsv(48, 32%, 18%)
LAB
lab(17.96% -1.07 8.3)
LCH
lch(17.96% 8.37 97.35)
OKLAB
oklab(0.2924 -0.0021 0.021)
OKLCH
oklch(0.2924 0.0211 95.71)
XYZ
xyz(2.33, 2.51, 1.73)
CMYK
cmyk(0%, 6%, 32%, 82%)
CSS
color: #2f2c20;
CSS variable
--color-2f2c20: #2f2c20;
SCSS
$color-2f2c20: #2f2c20;
Tailwind
orange-800
Export
:root {
--#2f2c20-1: #2f2c20;
}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.