Preview
#ab9f7d
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.63:1 · vs black: 7.99:1
HEX
#ab9f7d
RGB
rgb(171, 159, 125)
RGBA
rgba(171, 159, 125, 1)
HSL
hsl(44, 21%, 58%)
HSV
hsv(44, 27%, 67%)
LAB
lab(65.7% -1.1 19.36)
LCH
lch(65.7% 19.39 93.25)
OKLAB
oklab(0.704 -0.0008 0.0491)
OKLCH
oklch(0.704 0.0491 90.93)
XYZ
xyz(32.89, 34.94, 24.41)
CMYK
cmyk(0%, 7%, 27%, 33%)
CSS
color: #ab9f7d;
CSS variable
--color-ab9f7d: #ab9f7d;
SCSS
$color-ab9f7d: #ab9f7d;
Tailwind
orange-400
Export
:root {
--#ab9f7d-1: #ab9f7d;
}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.