Preview
#363f3a
Family: Green
Accessibility on this swatch:
Contrast vs white: 10.89:1 · vs black: 1.93:1
HEX
#363f3a
RGB
rgb(54, 63, 58)
RGBA
rgba(54, 63, 58, 1)
HSL
hsl(147, 8%, 23%)
HSV
hsv(147, 14%, 25%)
LAB
lab(25.7% -4.91 1.81)
LCH
lch(25.7% 5.23 159.76)
OKLAB
oklab(0.3576 -0.0139 0.0047)
OKLCH
oklch(0.3576 0.0147 161.32)
XYZ
xyz(4.06, 4.64, 4.68)
CMYK
cmyk(14%, 0%, 8%, 75%)
CSS
color: #363f3a;
CSS variable
--color-363f3a: #363f3a;
SCSS
$color-363f3a: #363f3a;
Tailwind
emerald-700
Export
:root {
--#363f3a-1: #363f3a;
}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.