Preview
#248f3d
Family: Green
Accessibility on this swatch:
Contrast vs white: 4.14:1 · vs black: 5.07:1
HEX
#248f3d
RGB
rgb(36, 143, 61)
RGBA
rgba(36, 143, 61, 1)
HSL
hsl(134, 60%, 35%)
HSV
hsv(134, 75%, 56%)
LAB
lab(52.24% -47.61 34.79)
LCH
lch(52.24% 58.97 143.84)
OKLAB
oklab(0.5724 -0.1282 0.0829)
OKLCH
oklch(0.5724 0.1527 147.11)
XYZ
xyz(11.39, 20.36, 7.74)
CMYK
cmyk(75%, 0%, 57%, 44%)
CSS
color: #248f3d;
CSS variable
--color-248f3d: #248f3d;
SCSS
$color-248f3d: #248f3d;
Tailwind
green-600
Export
:root {
--spectrum-#248f3d-1: #248f3d;
}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.