Preview
#b0aba0
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.29:1 · vs black: 9.18:1
HEX
#b0aba0
RGB
rgb(176, 171, 160)
RGBA
rgba(176, 171, 160, 1)
HSL
hsl(41, 9%, 66%)
HSV
hsv(41, 9%, 69%)
LAB
lab(70.1% -0.18 6.29)
LCH
lch(70.1% 6.29 91.64)
OKLAB
oklab(0.7422 0.001 0.0165)
OKLCH
oklch(0.7422 0.0165 86.53)
XYZ
xyz(38.81, 40.89, 39.10)
CMYK
cmyk(0%, 3%, 9%, 31%)
CSS
color: #b0aba0;
CSS variable
--color-b0aba0: #b0aba0;
SCSS
$color-b0aba0: #b0aba0;
Tailwind
orange-300
Export
:root {
--#b0aba0-1: #b0aba0;
}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.