Preview
#2a3a30
Family: Green
Accessibility on this swatch:
Contrast vs white: 12.03:1 · vs black: 1.75:1
HEX
#2a3a30
RGB
rgb(42, 58, 48)
RGBA
rgba(42, 58, 48, 1)
HSL
hsl(143, 16%, 20%)
HSV
hsv(143, 28%, 23%)
LAB
lab(22.76% -9.05 4.12)
LCH
lch(22.76% 9.94 155.52)
OKLAB
oklab(0.3309 -0.0252 0.0106)
OKLCH
oklch(0.3309 0.0273 157.19)
XYZ
xyz(3.00, 3.73, 3.36)
CMYK
cmyk(28%, 0%, 17%, 77%)
CSS
color: #2a3a30;
CSS variable
--color-2a3a30: #2a3a30;
SCSS
$color-2a3a30: #2a3a30;
Tailwind
emerald-800
Export
:root {
--#2a3a30-1: #2a3a30;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.