Preview
#cbe37d
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.82:1
HEX
#cbe37d
RGB
rgb(203, 227, 125)
RGBA
rgba(203, 227, 125, 1)
HSL
hsl(74, 65%, 69%)
HSV
hsv(74, 45%, 89%)
LAB
lab(86.56% -23.41 46.98)
LCH
lch(86.56% 52.49 116.49)
OKLAB
oklab(0.876 -0.0654 0.1131)
OKLCH
oklch(0.876 0.1306 120.04)
XYZ
xyz(55.80, 69.12, 29.80)
CMYK
cmyk(11%, 0%, 45%, 11%)
CSS
color: #cbe37d;
CSS variable
--color-cbe37d: #cbe37d;
SCSS
$color-cbe37d: #cbe37d;
Tailwind
amber-300
Export
:root {
--#cbe37d-1: #cbe37d;
}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.