Preview
#aba292
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.53:1 · vs black: 8.31:1
HEX
#aba292
RGB
rgb(171, 162, 146)
RGBA
rgba(171, 162, 146, 1)
HSL
hsl(38, 13%, 62%)
HSV
hsv(38, 15%, 67%)
LAB
lab(66.96% 0.48 9.49)
LCH
lch(66.96% 9.5 87.1)
OKLAB
oklab(0.7154 0.0034 0.0247)
OKLCH
oklch(0.7154 0.0249 82.16)
XYZ
xyz(34.90, 36.57, 32.41)
CMYK
cmyk(0%, 5%, 15%, 33%)
CSS
color: #aba292;
CSS variable
--color-aba292: #aba292;
SCSS
$color-aba292: #aba292;
Tailwind
red-300
Export
:root {
--#aba292-1: #aba292;
}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.