Preview
#b8bba7
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.7:1
HEX
#b8bba7
RGB
rgb(184, 187, 167)
RGBA
rgba(184, 187, 167, 1)
HSL
hsl(69, 13%, 69%)
HSV
hsv(69, 11%, 73%)
LAB
lab(75.15% -4.62 9.78)
LCH
lch(75.15% 10.82 115.29)
OKLAB
oklab(0.7841 -0.0113 0.0254)
OKLCH
oklch(0.7841 0.0278 113.98)
XYZ
xyz(44.51, 48.52, 43.57)
CMYK
cmyk(2%, 0%, 11%, 27%)
CSS
color: #b8bba7;
CSS variable
--color-b8bba7: #b8bba7;
SCSS
$color-b8bba7: #b8bba7;
Tailwind
amber-300
Export
:root {
--#b8bba7-1: #b8bba7;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.