Preview
#c7e173
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.45:1 · vs black: 14.45:1
HEX
#c7e173
RGB
rgb(199, 225, 115)
RGBA
rgba(199, 225, 115, 1)
HSL
hsl(74, 65%, 67%)
HSV
hsv(74, 49%, 88%)
LAB
lab(85.62% -25 50.54)
LCH
lch(85.62% 56.39 116.32)
OKLAB
oklab(0.8674 -0.0705 0.1203)
OKLCH
oklch(0.8674 0.1394 120.37)
XYZ
xyz(53.57, 67.23, 26.37)
CMYK
cmyk(12%, 0%, 49%, 12%)
CSS
color: #c7e173;
CSS variable
--color-c7e173: #c7e173;
SCSS
$color-c7e173: #c7e173;
Tailwind
amber-300
Export
:root {
--#c7e173-1: #c7e173;
}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.