Preview
#b3c793
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.51:1
HEX
#b3c793
RGB
rgb(179, 199, 147)
RGBA
rgba(179, 199, 147, 1)
HSL
hsl(83, 32%, 68%)
HSV
hsv(83, 26%, 78%)
LAB
lab(77.6% -15.84 23.85)
LCH
lch(77.6% 28.63 123.59)
OKLAB
oklab(0.8013 -0.0424 0.0603)
OKLCH
oklch(0.8013 0.0737 125.11)
XYZ
xyz(44.28, 52.54, 35.41)
CMYK
cmyk(10%, 0%, 26%, 22%)
CSS
color: #b3c793;
CSS variable
--color-b3c793: #b3c793;
SCSS
$color-b3c793: #b3c793;
Tailwind
yellow-300
Export
:root {
--#b3c793-1: #b3c793;
}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.