Preview
#a5874a
Family: Orange
Accessibility on this swatch:
Contrast vs white: 3.41:1 · vs black: 6.16:1
HEX
#a5874a
RGB
rgb(165, 135, 74)
RGBA
rgba(165, 135, 74, 1)
HSL
hsl(40, 38%, 47%)
HSV
hsv(40, 55%, 65%)
LAB
lab(57.87% 3.74 36.76)
LCH
lch(57.87% 36.95 84.19)
OKLAB
oklab(0.6382 0.0096 0.0871)
OKLCH
oklch(0.6382 0.0876 83.71)
XYZ
xyz(25.42, 25.82, 10.12)
CMYK
cmyk(0%, 18%, 55%, 35%)
CSS
color: #a5874a;
CSS variable
--color-a5874a: #a5874a;
SCSS
$color-a5874a: #a5874a;
Tailwind
orange-500
Export
:root {
--spectrum-#a5874a-1: #a5874a;
}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.