Preview
#45503f
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 8.49:1 · vs black: 2.47:1
HEX
#45503f
RGB
rgb(69, 80, 63)
RGBA
rgba(69, 80, 63, 1)
HSL
hsl(99, 12%, 28%)
HSV
hsv(99, 21%, 31%)
LAB
lab(32.62% -8.06 8.59)
LCH
lch(32.62% 11.78 133.18)
OKLAB
oklab(0.4162 -0.0217 0.022)
OKLCH
oklch(0.4162 0.0309 134.61)
XYZ
xyz(6.22, 7.36, 5.79)
CMYK
cmyk(14%, 0%, 21%, 69%)
CSS
color: #45503f;
CSS variable
--color-45503f: #45503f;
SCSS
$color-45503f: #45503f;
Tailwind
yellow-700
Export
:root {
--#45503f-1: #45503f;
}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.