Preview
#a79a7b
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.78:1 · vs black: 7.55:1
HEX
#a79a7b
RGB
rgb(167, 154, 123)
RGBA
rgba(167, 154, 123, 1)
HSL
hsl(42, 20%, 57%)
HSV
hsv(42, 26%, 65%)
LAB
lab(63.96% -0.25 18.04)
LCH
lch(63.96% 18.04 90.79)
OKLAB
oklab(0.6893 0.0016 0.0459)
OKLCH
oklch(0.6893 0.0459 88)
XYZ
xyz(31.07, 32.76, 23.42)
CMYK
cmyk(0%, 8%, 26%, 35%)
CSS
color: #a79a7b;
CSS variable
--color-a79a7b: #a79a7b;
SCSS
$color-a79a7b: #a79a7b;
Tailwind
orange-400
Export
:root {
--#a79a7b-1: #a79a7b;
}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.