Preview
#2a3c2d
Family: Green
Accessibility on this swatch:
Contrast vs white: 11.78:1 · vs black: 1.78:1
HEX
#2a3c2d
RGB
rgb(42, 60, 45)
RGBA
rgba(42, 60, 45, 1)
HSL
hsl(130, 18%, 20%)
HSV
hsv(130, 30%, 24%)
LAB
lab(23.38% -10.97 6.98)
LCH
lch(23.38% 13 147.53)
OKLAB
oklab(0.3356 -0.0301 0.0179)
OKLCH
oklch(0.3356 0.035 149.26)
XYZ
xyz(3.04, 3.91, 3.08)
CMYK
cmyk(30%, 0%, 25%, 76%)
CSS
color: #2a3c2d;
CSS variable
--color-2a3c2d: #2a3c2d;
SCSS
$color-2a3c2d: #2a3c2d;
Tailwind
green-800
Export
:root {
--#2a3c2d-1: #2a3c2d;
}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.