Preview
#e7efcc
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.19:1 · vs black: 17.62:1
HEX
#e7efcc
RGB
rgb(231, 239, 204)
RGBA
rgba(231, 239, 204, 1)
HSL
hsl(74, 52%, 87%)
HSV
hsv(74, 15%, 94%)
LAB
lab(93.05% -8.58 16.05)
LCH
lch(93.05% 18.2 118.13)
OKLAB
oklab(0.937 -0.0218 0.0414)
OKLCH
oklch(0.937 0.0468 117.77)
XYZ
xyz(74.72, 83.08, 69.22)
CMYK
cmyk(3%, 0%, 15%, 6%)
CSS
color: #e7efcc;
CSS variable
--color-e7efcc: #e7efcc;
SCSS
$color-e7efcc: #e7efcc;
Tailwind
amber-100
Export
:root {
--#e7efcc-1: #e7efcc;
}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.