Preview
#57572e
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 7.48:1 · vs black: 2.81:1
HEX
#57572e
RGB
rgb(87, 87, 46)
RGBA
rgba(87, 87, 46, 1)
HSL
hsl(60, 31%, 26%)
HSV
hsv(60, 47%, 34%)
LAB
lab(36.06% -6.82 23.74)
LCH
lch(36.06% 24.7 106.03)
OKLAB
oklab(0.4464 -0.0192 0.0571)
OKLCH
oklch(0.4464 0.0602 108.59)
XYZ
xyz(7.83, 9.04, 3.92)
CMYK
cmyk(0%, 0%, 47%, 66%)
CSS
color: #57572e;
CSS variable
--color-57572e: #57572e;
SCSS
$color-57572e: #57572e;
Tailwind
amber-700
Export
:root {
--#57572e-1: #57572e;
}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.