Preview
#c6ff71
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.94:1
HEX
#c6ff71
RGB
rgb(198, 255, 113)
RGBA
rgba(198, 255, 113, 1)
HSL
hsl(84, 100%, 72%)
HSV
hsv(84, 56%, 100%)
LAB
lab(93.76% -39.41 61)
LCH
lch(93.76% 72.62 122.87)
OKLAB
oklab(0.9327 -0.1109 0.1429)
OKLCH
oklch(0.9327 0.1809 127.81)
XYZ
xyz(62.03, 84.72, 28.70)
CMYK
cmyk(22%, 0%, 56%, 0%)
CSS
color: #c6ff71;
CSS variable
--color-c6ff71: #c6ff71;
SCSS
$color-c6ff71: #c6ff71;
Tailwind
yellow-200
Export
:root {
--#c6ff71-1: #c6ff71;
}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.