Preview
#b2b199
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.18:1 · vs black: 9.64:1
HEX
#b2b199
RGB
rgb(178, 177, 153)
RGBA
rgba(178, 177, 153, 1)
HSL
hsl(58, 14%, 65%)
HSV
hsv(58, 14%, 70%)
LAB
lab(71.7% -3.84 12.43)
LCH
lch(71.7% 13.01 107.17)
OKLAB
oklab(0.7546 -0.0087 0.0321)
OKLCH
oklch(0.7546 0.0333 105.16)
XYZ
xyz(39.83, 43.21, 36.37)
CMYK
cmyk(0%, 1%, 14%, 30%)
CSS
color: #b2b199;
CSS variable
--color-b2b199: #b2b199;
SCSS
$color-b2b199: #b2b199;
Tailwind
orange-300
Export
:root {
--#b2b199-1: #b2b199;
}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.