Preview
#bae390
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.45:1 · vs black: 14.48:1
HEX
#bae390
RGB
rgb(186, 227, 144)
RGBA
rgba(186, 227, 144, 1)
HSL
hsl(90, 60%, 73%)
HSV
hsv(90, 37%, 89%)
LAB
lab(85.7% -27.46 36.27)
LCH
lch(85.7% 45.49 127.13)
OKLAB
oklab(0.8671 -0.0751 0.0897)
OKLCH
oklch(0.8671 0.117 129.94)
XYZ
xyz(52.75, 67.39, 36.61)
CMYK
cmyk(18%, 0%, 37%, 11%)
CSS
color: #bae390;
CSS variable
--color-bae390: #bae390;
SCSS
$color-bae390: #bae390;
Tailwind
yellow-200
Export
:root {
--#bae390-1: #bae390;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.