Preview
#54541d
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 7.89:1 · vs black: 2.66:1
HEX
#54541d
RGB
rgb(84, 84, 29)
RGBA
rgba(84, 84, 29, 1)
HSL
hsl(60, 49%, 22%)
HSV
hsv(60, 65%, 33%)
LAB
lab(34.63% -8.16 31.25)
LCH
lch(34.63% 32.3 104.63)
OKLAB
oklab(0.4336 -0.0249 0.0715)
OKLCH
oklch(0.4336 0.0757 109.2)
XYZ
xyz(7.05, 8.31, 2.40)
CMYK
cmyk(0%, 0%, 65%, 67%)
CSS
color: #54541d;
CSS variable
--color-54541d: #54541d;
SCSS
$color-54541d: #54541d;
Tailwind
amber-700
Export
:root {
--#54541d-1: #54541d;
}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.