Preview
#303f10
Family: Lime
Accessibility on this swatch:
Contrast vs white: 11.39:1 · vs black: 1.84:1
HEX
#303f10
RGB
rgb(48, 63, 16)
RGBA
rgba(48, 63, 16, 1)
HSL
hsl(79, 59%, 15%)
HSV
hsv(79, 75%, 25%)
LAB
lab(24.39% -14.51 25.86)
LCH
lch(24.39% 29.65 119.3)
OKLAB
oklab(0.3432 -0.0416 0.0589)
OKLCH
oklch(0.3432 0.0721 125.23)
XYZ
xyz(3.09, 4.22, 1.14)
CMYK
cmyk(24%, 0%, 75%, 75%)
CSS
color: #303f10;
CSS variable
--color-303f10: #303f10;
SCSS
$color-303f10: #303f10;
Tailwind
amber-800
Export
:root {
--#303f10-1: #303f10;
}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.