Preview
#b8b323
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.21:1 · vs black: 9.51:1
HEX
#b8b323
RGB
rgb(184, 179, 35)
RGBA
rgba(184, 179, 35, 1)
HSL
hsl(58, 68%, 43%)
HSV
hsv(58, 81%, 72%)
LAB
lab(71.25% -13.67 67.03)
LCH
lch(71.25% 68.41 101.53)
OKLAB
oklab(0.7475 -0.0454 0.1448)
OKLCH
oklch(0.7475 0.1518 107.41)
XYZ
xyz(36.19, 42.55, 7.90)
CMYK
cmyk(0%, 3%, 81%, 28%)
CSS
color: #b8b323;
CSS variable
--color-b8b323: #b8b323;
SCSS
$color-b8b323: #b8b323;
Tailwind
orange-500
Export
:root {
--#b8b323-1: #b8b323;
}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.