Preview
#c4f6d5
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.2:1 · vs black: 17.49:1
HEX
#c4f6d5
RGB
rgb(196, 246, 213)
RGBA
rgba(196, 246, 213, 1)
HSL
hsl(140, 74%, 87%)
HSV
hsv(140, 20%, 96%)
LAB
lab(92.77% -22.25 10.69)
LCH
lch(92.77% 24.68 154.34)
OKLAB
oklab(0.9296 -0.062 0.0277)
OKLCH
oklch(0.9296 0.0679 155.93)
XYZ
xyz(67.73, 82.45, 75.28)
CMYK
cmyk(20%, 0%, 13%, 4%)
CSS
color: #c4f6d5;
CSS variable
--color-c4f6d5: #c4f6d5;
SCSS
$color-c4f6d5: #c4f6d5;
Tailwind
emerald-100
Export
:root {
--#c4f6d5-1: #c4f6d5;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.