Preview
#b0af75
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.27:1 · vs black: 9.23:1
HEX
#b0af75
RGB
rgb(176, 175, 117)
RGBA
rgba(176, 175, 117, 1)
HSL
hsl(59, 27%, 57%)
HSV
hsv(59, 34%, 69%)
LAB
lab(70.3% -8.73 29.93)
LCH
lch(70.3% 31.18 106.26)
OKLAB
oklab(0.7409 -0.0231 0.0741)
OKLCH
oklch(0.7409 0.0776 107.31)
XYZ
xyz(36.45, 41.18, 22.85)
CMYK
cmyk(0%, 1%, 34%, 31%)
CSS
color: #b0af75;
CSS variable
--color-b0af75: #b0af75;
SCSS
$color-b0af75: #b0af75;
Tailwind
orange-400
Export
:root {
--#b0af75-1: #b0af75;
}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.