Preview
#504f3b
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 8.32:1 · vs black: 2.52:1
HEX
#504f3b
RGB
rgb(80, 79, 59)
RGBA
rgba(80, 79, 59, 1)
HSL
hsl(57, 15%, 27%)
HSV
hsv(57, 26%, 31%)
LAB
lab(33.16% -3.4 12)
LCH
lch(33.16% 12.47 105.82)
OKLAB
oklab(0.4226 -0.0083 0.0304)
OKLCH
oklch(0.4226 0.0315 105.27)
XYZ
xyz(6.89, 7.61, 5.24)
CMYK
cmyk(0%, 1%, 26%, 69%)
CSS
color: #504f3b;
CSS variable
--color-504f3b: #504f3b;
SCSS
$color-504f3b: #504f3b;
Tailwind
orange-700
Export
:root {
--#504f3b-1: #504f3b;
}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.