Preview
#9da694
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.53:1 · vs black: 8.32:1
HEX
#9da694
RGB
rgb(157, 166, 148)
RGBA
rgba(157, 166, 148, 1)
HSL
hsl(90, 9%, 62%)
HSV
hsv(90, 11%, 65%)
LAB
lab(66.96% -6.57 8.23)
LCH
lch(66.96% 10.53 128.6)
OKLAB
oklab(0.7128 -0.0173 0.0214)
OKLCH
oklch(0.7128 0.0275 128.95)
XYZ
xyz(32.89, 36.58, 33.34)
CMYK
cmyk(5%, 0%, 11%, 35%)
CSS
color: #9da694;
CSS variable
--color-9da694: #9da694;
SCSS
$color-9da694: #9da694;
Tailwind
yellow-300
Export
:root {
--#9da694-1: #9da694;
}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.