Preview
#d6f2af
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.18:1
HEX
#d6f2af
RGB
rgb(214, 242, 175)
RGBA
rgba(214, 242, 175, 1)
HSL
hsl(85, 72%, 82%)
HSV
hsv(85, 28%, 95%)
LAB
lab(92.09% -20.41 29.4)
LCH
lch(92.09% 35.79 124.77)
OKLAB
oklab(0.9245 -0.0549 0.0741)
OKLCH
oklch(0.9245 0.0922 126.53)
XYZ
xyz(67.22, 80.90, 52.62)
CMYK
cmyk(12%, 0%, 28%, 5%)
CSS
color: #d6f2af;
CSS variable
--color-d6f2af: #d6f2af;
SCSS
$color-d6f2af: #d6f2af;
Tailwind
yellow-100
Export
:root {
--#d6f2af-1: #d6f2af;
}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.