Named color · #00FF99
Green Gas
Green Gas is #00FF99: rgb(0 255 153), hsl(156 100% 50%), oklch(0.879 0.213 156). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Green Gas color name →
#00FF99
oklch(0.879 0.213 156)
Color conversions
- HEX
- #00ff99
- RGB
- rgb(0 255 153)
- HSL
- hsl(156 100% 50%)
- HWB
- hwb(156 0% 0%)
- OKLCH
- oklch(0.879 0.213 156)
- OKLab
- oklab(0.879 -0.195 0.087)
- CIE Lab
- lab(88.74 -69.27 34.05)
- LCH
- lch(88.74 77.18 153.8)
- CMYK
- cmyk(100% 0% 40% 0%)
Tints · Shades · Tones
Tints
- 4EFFA4
- 6EFFAE
- 87FFB9
- 9CFFC3
- AFFFCD
- C1FFD7
- D1FFE1
- E1FFEB
- F0FFF5
Shades
- 00DE84
- 00BE70
- 009E5D
- 00804A
- 006338
- 004827
- 002E17
- 001608
- 000301
Tones
- 39F297
- 4FE595
- 5DD893
- 67CC91
- 6FBF8E
- 75B28C
- 79A689
- 7C9986
- 7F8D83
Color harmonies
Complementary +180°
- 00FF99
Green Gas
- FFC0EF
≈ Pink Quartz
Analogous -30° +30°
- 00FF99
Green Gas
- B4EF2A
≈ Green Cacophony
- 00F7E6
≈ Bright Aqua
Triadic +120° +240°
- 00FF99
Green Gas
- CCD5FF
≈ Pale Phthalo Blue
- FFC9BA
≈ Peach Fuzz
Split-complementary +150° +210°
- 00FF99
Green Gas
- E3CBFF
≈ Lens Flare Pink
- FFC6D0
≈ Rubber Rose
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.33:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.76:1 · APCA Lc 88
Best text color: #000000
WCAG 15.76:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--green-gas: #00ff99;
--green-gas-rgb: 0 255 153;
--green-gas-oklch: oklch(0.879 0.213 156);
}
.element {
color: var(--green-gas);
background-color: hsl(156 100% 50%);
border-color: oklch(0.879 0.213 156);
}Tailwind CSS v4
@theme {
--color-green-gas: #00ff99;
--color-green-gas-50: #c1ffde;
--color-green-gas-100: #a9fecd;
--color-green-gas-200: #7cf0b1;
--color-green-gas-300: #30d78c;
--color-green-gas-400: #00c165;
--color-green-gas-500: #00ab40;
--color-green-gas-600: #009138;
--color-green-gas-700: #00742c;
--color-green-gas-800: #00561a;
--color-green-gas-900: #003c11;
--color-green-gas-950: #002504;
}SCSS
$green-gas: #00ff99;
$green-gas-rgb: 0, 255, 153;
$green-gas-light: mix(#fff, $green-gas, 20%);
$green-gas-dark: mix(#000, $green-gas, 20%);
.element {
color: $green-gas;
box-shadow: 0 0 0 2px rgba($green-gas, 0.35);
}