Preview
#a59f95
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.63:1 · vs black: 7.99:1
HEX
#a59f95
RGB
rgb(165, 159, 149)
RGBA
rgba(165, 159, 149, 1)
HSL
hsl(37, 8%, 62%)
HSV
hsv(37, 10%, 65%)
LAB
lab(65.72% 0.37 5.99)
LCH
lch(65.72% 6 86.47)
OKLAB
oklab(0.7047 0.0026 0.0157)
OKLCH
oklch(0.7047 0.0159 80.6)
XYZ
xyz(33.34, 34.97, 33.42)
CMYK
cmyk(0%, 4%, 10%, 35%)
CSS
color: #a59f95;
CSS variable
--color-a59f95: #a59f95;
SCSS
$color-a59f95: #a59f95;
Tailwind
red-300
Export
:root {
--#a59f95-1: #a59f95;
}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.