Preview
#b5ada0
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.22:1 · vs black: 9.45:1
HEX
#b5ada0
RGB
rgb(181, 173, 160)
RGBA
rgba(181, 173, 160, 1)
HSL
hsl(37, 12%, 67%)
HSV
hsv(37, 12%, 71%)
LAB
lab(71.04% 0.58 7.7)
LCH
lch(71.04% 7.72 85.69)
OKLAB
oklab(0.7506 0.0035 0.0201)
OKLCH
oklch(0.7506 0.0204 80.12)
XYZ
xyz(40.34, 42.25, 39.28)
CMYK
cmyk(0%, 4%, 12%, 29%)
CSS
color: #b5ada0;
CSS variable
--color-b5ada0: #b5ada0;
SCSS
$color-b5ada0: #b5ada0;
Tailwind
red-300
Export
:root {
--#b5ada0-1: #b5ada0;
}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.