Preview
#403926
Family: Orange
Accessibility on this swatch:
Contrast vs white: 11.47:1 · vs black: 1.83:1
HEX
#403926
RGB
rgb(64, 57, 38)
RGBA
rgba(64, 57, 38, 1)
HSL
hsl(44, 25%, 20%)
HSV
hsv(44, 41%, 25%)
LAB
lab(24.18% -0.34 12.98)
LCH
lch(24.18% 12.98 91.5)
OKLAB
oklab(0.3463 -0.0001 0.0323)
OKLCH
oklch(0.3463 0.0323 90.18)
XYZ
xyz(3.93, 4.16, 2.43)
CMYK
cmyk(0%, 11%, 41%, 75%)
CSS
color: #403926;
CSS variable
--color-403926: #403926;
SCSS
$color-403926: #403926;
Tailwind
orange-800
Export
:root {
--#403926-1: #403926;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.