Preview
#a1c5b1
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.89:1 · vs black: 11.14:1
HEX
#a1c5b1
RGB
rgb(161, 197, 177)
RGBA
rgba(161, 197, 177, 1)
HSL
hsl(147, 24%, 70%)
HSV
hsv(147, 18%, 77%)
LAB
lab(76.49% -16.01 6.06)
LCH
lch(76.49% 17.12 159.27)
OKLAB
oklab(0.7914 -0.0451 0.0157)
OKLCH
oklch(0.7914 0.0478 160.81)
XYZ
xyz(42.60, 50.68, 49.12)
CMYK
cmyk(18%, 0%, 10%, 23%)
CSS
color: #a1c5b1;
CSS variable
--color-a1c5b1: #a1c5b1;
SCSS
$color-a1c5b1: #a1c5b1;
Tailwind
emerald-300
Export
:root {
--#a1c5b1-1: #a1c5b1;
}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.