Preview
#2a3015
Family: Lime
Accessibility on this swatch:
Contrast vs white: 13.71:1 · vs black: 1.53:1
HEX
#2a3015
RGB
rgb(42, 48, 21)
RGBA
rgba(42, 48, 21, 1)
HSL
hsl(73, 39%, 14%)
HSV
hsv(73, 56%, 19%)
LAB
lab(18.63% -7.92 16.34)
LCH
lch(18.63% 18.16 115.86)
OKLAB
oklab(0.2958 -0.0222 0.0392)
OKLCH
oklch(0.2958 0.045 119.52)
XYZ
xyz(2.15, 2.66, 1.11)
CMYK
cmyk(13%, 0%, 56%, 81%)
CSS
color: #2a3015;
CSS variable
--color-2a3015: #2a3015;
SCSS
$color-2a3015: #2a3015;
Tailwind
amber-800
Export
:root {
--#2a3015-1: #2a3015;
}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.