Preview
#0c3018
Family: Green
Accessibility on this swatch:
Contrast vs white: 14.47:1 · vs black: 1.45:1
HEX
#0c3018
RGB
rgb(12, 48, 24)
RGBA
rgba(12, 48, 24, 1)
HSL
hsl(140, 60%, 12%)
HSV
hsv(140, 75%, 19%)
LAB
lab(16.79% -19.54 11.68)
LCH
lch(16.79% 22.76 149.13)
OKLAB
oklab(0.276 -0.0528 0.0289)
OKLCH
oklch(0.276 0.0602 151.31)
XYZ
xyz(1.37, 2.26, 1.23)
CMYK
cmyk(75%, 0%, 50%, 81%)
CSS
color: #0c3018;
CSS variable
--color-0c3018: #0c3018;
SCSS
$color-0c3018: #0c3018;
Tailwind
emerald-900
Export
:root {
--#0c3018-1: #0c3018;
}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.