Preview
#45422a
Family: Amber
Accessibility on this swatch:
Contrast vs white: 10.17:1 · vs black: 2.07:1
HEX
#45422a
RGB
rgb(69, 66, 42)
RGBA
rgba(69, 66, 42, 1)
HSL
hsl(53, 24%, 22%)
HSV
hsv(53, 39%, 27%)
LAB
lab(27.65% -3.08 15.09)
LCH
lch(27.65% 15.4 101.54)
OKLAB
oklab(0.3752 -0.0079 0.0374)
OKLCH
oklch(0.3752 0.0382 101.93)
XYZ
xyz(4.82, 5.33, 2.96)
CMYK
cmyk(0%, 4%, 39%, 73%)
CSS
color: #45422a;
CSS variable
--color-45422a: #45422a;
SCSS
$color-45422a: #45422a;
Tailwind
orange-700
Export
:root {
--#45422a-1: #45422a;
}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.