Preview
#bfcd57
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.09:1
HEX
#bfcd57
RGB
rgb(191, 205, 87)
RGBA
rgba(191, 205, 87, 1)
HSL
hsl(67, 54%, 57%)
HSV
hsv(67, 58%, 80%)
LAB
lab(79.29% -20.91 55.88)
LCH
lch(79.29% 59.66 110.52)
OKLAB
oklab(0.8142 -0.0612 0.1293)
OKLCH
oklch(0.8142 0.1431 115.33)
XYZ
xyz(45.04, 55.43, 17.34)
CMYK
cmyk(7%, 0%, 58%, 20%)
CSS
color: #bfcd57;
CSS variable
--color-bfcd57: #bfcd57;
SCSS
$color-bfcd57: #bfcd57;
Tailwind
amber-400
Export
:root {
--#bfcd57-1: #bfcd57;
}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.