Preview
#312f1c
Family: Amber
Accessibility on this swatch:
Contrast vs white: 13.51:1 · vs black: 1.55:1
HEX
#312f1c
RGB
rgb(49, 47, 28)
RGBA
rgba(49, 47, 28, 1)
HSL
hsl(54, 27%, 15%)
HSV
hsv(54, 43%, 19%)
LAB
lab(19.1% -2.73 12.55)
LCH
lch(19.1% 12.84 102.27)
OKLAB
oklab(0.3016 -0.0071 0.031)
OKLCH
oklch(0.3016 0.0318 102.9)
XYZ
xyz(2.49, 2.77, 1.50)
CMYK
cmyk(0%, 4%, 43%, 81%)
CSS
color: #312f1c;
CSS variable
--color-312f1c: #312f1c;
SCSS
$color-312f1c: #312f1c;
Tailwind
orange-800
Export
:root {
--#312f1c-1: #312f1c;
}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.