Preview
#413e30
Family: Amber
Accessibility on this swatch:
Contrast vs white: 10.73:1 · vs black: 1.96:1
HEX
#413e30
RGB
rgb(65, 62, 48)
RGBA
rgba(65, 62, 48, 1)
HSL
hsl(49, 15%, 22%)
HSV
hsv(49, 26%, 25%)
LAB
lab(26.11% -1.47 9.1)
LCH
lch(26.11% 9.22 99.18)
OKLAB
oklab(0.3625 -0.003 0.0232)
OKLCH
oklch(0.3625 0.0234 97.37)
XYZ
xyz(4.44, 4.78, 3.49)
CMYK
cmyk(0%, 5%, 26%, 75%)
CSS
color: #413e30;
CSS variable
--color-413e30: #413e30;
SCSS
$color-413e30: #413e30;
Tailwind
orange-700
Export
:root {
--#413e30-1: #413e30;
}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.