Preview
#30351a
Family: Lime
Accessibility on this swatch:
Contrast vs white: 12.73:1 · vs black: 1.65:1
HEX
#30351a
RGB
rgb(48, 53, 26)
RGBA
rgba(48, 53, 26, 1)
HSL
hsl(71, 34%, 15%)
HSV
hsv(71, 51%, 21%)
LAB
lab(21.02% -7.39 16.27)
LCH
lch(21.02% 17.87 114.43)
OKLAB
oklab(0.3165 -0.0206 0.0394)
OKLCH
oklch(0.3165 0.0445 117.6)
XYZ
xyz(2.68, 3.25, 1.46)
CMYK
cmyk(9%, 0%, 51%, 79%)
CSS
color: #30351a;
CSS variable
--color-30351a: #30351a;
SCSS
$color-30351a: #30351a;
Tailwind
amber-800
Export
:root {
--#30351a-1: #30351a;
}Energy, youth, and experimentation. High-visibility accents and playful UIs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.