Preview
#a8a395
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.52:1 · vs black: 8.34:1
HEX
#a8a395
RGB
rgb(168, 163, 149)
RGBA
rgba(168, 163, 149, 1)
HSL
hsl(44, 10%, 62%)
HSV
hsv(44, 11%, 66%)
LAB
lab(67.04% -0.69 7.91)
LCH
lch(67.04% 7.94 94.99)
OKLAB
oklab(0.7157 -0.0002 0.0207)
OKLCH
oklch(0.7157 0.0207 90.55)
XYZ
xyz(34.67, 36.69, 33.68)
CMYK
cmyk(0%, 3%, 11%, 34%)
CSS
color: #a8a395;
CSS variable
--color-a8a395: #a8a395;
SCSS
$color-a8a395: #a8a395;
Tailwind
orange-300
Export
:root {
--#a8a395-1: #a8a395;
}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.