Preview
#555747
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 7.39:1 · vs black: 2.84:1
HEX
#555747
RGB
rgb(85, 87, 71)
RGBA
rgba(85, 87, 71, 1)
HSL
hsl(68, 10%, 31%)
HSV
hsv(68, 18%, 34%)
LAB
lab(36.37% -3.99 9.05)
LCH
lch(36.37% 9.89 113.79)
OKLAB
oklab(0.45 -0.01 0.0233)
OKLCH
oklch(0.45 0.0254 113.23)
XYZ
xyz(8.29, 9.20, 7.30)
CMYK
cmyk(2%, 0%, 18%, 66%)
CSS
color: #555747;
CSS variable
--color-555747: #555747;
SCSS
$color-555747: #555747;
Tailwind
amber-600
Export
:root {
--#555747-1: #555747;
}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.