Preview
#4a3801
Family: Amber
Accessibility on this swatch:
Contrast vs white: 11.31:1 · vs black: 1.86:1
HEX
#4a3801
RGB
rgb(74, 56, 1)
RGBA
rgba(74, 56, 1, 1)
HSL
hsl(45, 97%, 15%)
HSV
hsv(45, 99%, 29%)
LAB
lab(24.6% 2.4 33.36)
LCH
lch(24.6% 33.45 85.89)
OKLAB
oklab(0.3509 0.0022 0.071)
OKLCH
oklch(0.3509 0.071 88.23)
XYZ
xyz(4.24, 4.29, 0.63)
CMYK
cmyk(0%, 24%, 99%, 71%)
CSS
color: #4a3801;
CSS variable
--color-4a3801: #4a3801;
SCSS
$color-4a3801: #4a3801;
Tailwind
orange-800
Export
:root {
--#4a3801-1: #4a3801;
}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.