Preview
#433e23
Family: Amber
Accessibility on this swatch:
Contrast vs white: 10.76:1 · vs black: 1.95:1
HEX
#433e23
RGB
rgb(67, 62, 35)
RGBA
rgba(67, 62, 35, 1)
HSL
hsl(51, 31%, 20%)
HSV
hsv(51, 48%, 26%)
LAB
lab(26.04% -2.48 17.36)
LCH
lch(26.04% 17.54 98.13)
OKLAB
oklab(0.3616 -0.0067 0.0422)
OKLCH
oklch(0.3616 0.0427 99.02)
XYZ
xyz(4.34, 4.76, 2.28)
CMYK
cmyk(0%, 7%, 48%, 74%)
CSS
color: #433e23;
CSS variable
--color-433e23: #433e23;
SCSS
$color-433e23: #433e23;
Tailwind
orange-800
Export
:root {
--#433e23-1: #433e23;
}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.