Preview
#54674c
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 6.14:1 · vs black: 3.42:1
HEX
#54674c
RGB
rgb(84, 103, 76)
RGBA
rgba(84, 103, 76, 1)
HSL
hsl(102, 15%, 35%)
HSV
hsv(102, 26%, 40%)
LAB
lab(41.39% -12.81 12.94)
LCH
lch(41.39% 18.21 134.71)
OKLAB
oklab(0.4901 -0.0347 0.0329)
OKLCH
oklch(0.4901 0.0478 136.53)
XYZ
xyz(9.81, 12.11, 8.66)
CMYK
cmyk(18%, 0%, 26%, 60%)
CSS
color: #54674c;
CSS variable
--color-54674c: #54674c;
SCSS
$color-54674c: #54674c;
Tailwind
lime-600
Export
:root {
--#54674c-1: #54674c;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.