Preview
#c0e660
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.73:1
HEX
#c0e660
RGB
rgb(192, 230, 96)
RGBA
rgba(192, 230, 96, 1)
HSL
hsl(77, 73%, 64%)
HSV
hsv(77, 58%, 90%)
LAB
lab(86.33% -31.74 59.84)
LCH
lch(86.33% 67.74 117.94)
OKLAB
oklab(0.8712 -0.0907 0.1388)
OKLCH
oklch(0.8712 0.1658 123.16)
XYZ
xyz(52.15, 68.64, 21.57)
CMYK
cmyk(17%, 0%, 58%, 10%)
CSS
color: #c0e660;
CSS variable
--color-c0e660: #c0e660;
SCSS
$color-c0e660: #c0e660;
Tailwind
amber-300
Export
:root {
--#c0e660-1: #c0e660;
}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.