Preview
#555b27
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 7.21:1 · vs black: 2.91:1
HEX
#555b27
RGB
rgb(85, 91, 39)
RGBA
rgba(85, 91, 39, 1)
HSL
hsl(67, 40%, 25%)
HSV
hsv(67, 57%, 36%)
LAB
lab(37.04% -10.85 28.78)
LCH
lch(37.04% 30.76 110.66)
OKLAB
oklab(0.4535 -0.0313 0.0675)
OKLCH
oklch(0.4535 0.0744 114.88)
XYZ
xyz(7.85, 9.56, 3.35)
CMYK
cmyk(7%, 0%, 57%, 64%)
CSS
color: #555b27;
CSS variable
--color-555b27: #555b27;
SCSS
$color-555b27: #555b27;
Tailwind
amber-700
Export
:root {
--#555b27-1: #555b27;
}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.