Preview
#5a3f0c
Family: Orange
Accessibility on this swatch:
Contrast vs white: 9.76:1 · vs black: 2.15:1
HEX
#5a3f0c
RGB
rgb(90, 63, 12)
RGBA
rgba(90, 63, 12, 1)
HSL
hsl(39, 76%, 20%)
HSV
hsv(39, 87%, 35%)
LAB
lab(28.79% 6.71 33.47)
LCH
lch(28.79% 34.14 78.66)
OKLAB
oklab(0.3886 0.0151 0.0724)
OKLCH
oklch(0.3886 0.074 78.22)
XYZ
xyz(6.06, 5.76, 1.14)
CMYK
cmyk(0%, 30%, 87%, 65%)
CSS
color: #5a3f0c;
CSS variable
--color-5a3f0c: #5a3f0c;
SCSS
$color-5a3f0c: #5a3f0c;
Tailwind
red-800
Export
:root {
--#5a3f0c-1: #5a3f0c;
}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.