Preview
#98d744
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.73:1 · vs black: 12.14:1
HEX
#98d744
RGB
rgb(152, 215, 68)
RGBA
rgba(152, 215, 68, 1)
HSL
hsl(86, 65%, 55%)
HSV
hsv(86, 68%, 84%)
LAB
lab(79.44% -42.09 63.13)
LCH
lch(79.44% 75.87 123.69)
OKLAB
oklab(0.8085 -0.1193 0.1429)
OKLCH
oklch(0.8085 0.1862 129.86)
XYZ
xyz(38.29, 55.69, 14.20)
CMYK
cmyk(29%, 0%, 68%, 16%)
CSS
color: #98d744;
CSS variable
--color-98d744: #98d744;
SCSS
$color-98d744: #98d744;
Tailwind
yellow-400
Export
:root {
--#98d744-1: #98d744;
}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.