Preview
#bccfa2
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.67:1 · vs black: 12.59:1
HEX
#bccfa2
RGB
rgb(188, 207, 162)
RGBA
rgba(188, 207, 162, 1)
HSL
hsl(85, 32%, 72%)
HSV
hsv(85, 22%, 81%)
LAB
lab(80.7% -14.32 20.28)
LCH
lch(80.7% 24.83 125.23)
OKLAB
oklab(0.8285 -0.0381 0.0517)
OKLCH
oklch(0.8285 0.0642 126.39)
XYZ
xyz(49.57, 57.93, 42.74)
CMYK
cmyk(9%, 0%, 22%, 19%)
CSS
color: #bccfa2;
CSS variable
--color-bccfa2: #bccfa2;
SCSS
$color-bccfa2: #bccfa2;
Tailwind
yellow-200
Export
:root {
--#bccfa2-1: #bccfa2;
}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.