Preview
#00ff55
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.44:1
HEX
#00ff55
RGB
rgb(0, 255, 85)
RGBA
rgba(0, 255, 85, 1)
HSL
hsl(140, 100%, 50%)
HSV
hsv(140, 100%, 100%)
LAB
lab(88.05% -82.11 64.67)
LCH
lch(88.05% 104.52 141.78)
OKLAB
oklab(0.8701 -0.2206 0.1491)
OKLCH
oklch(0.8701 0.2663 145.95)
XYZ
xyz(37.40, 72.17, 20.55)
CMYK
cmyk(100%, 0%, 67%, 0%)
CSS
color: #00ff55;
CSS variable
--color-00ff55: #00ff55;
SCSS
$color-00ff55: #00ff55;
Tailwind
emerald-500
Export
:root {
--#00ff55-1: #00ff55;
}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.