Named color · #B8F818
Green Venom
Green Venom is #B8F818: rgb(184 248 24), hsl(77 94% 53%), oklch(0.903 0.227 126.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Green Venom color name →
#B8F818
oklch(0.903 0.227 126.4)
Color conversions
- HEX
- #b8f818
- RGB
- rgb(184 248 24)
- HSL
- hsl(77 94% 53%)
- HWB
- hwb(77 9% 3%)
- OKLCH
- oklch(0.903 0.227 126.4)
- OKLab
- oklab(0.903 -0.135 0.183)
- CIE Lab
- lab(90.79 -40.21 83.73)
- LCH
- lch(90.79 92.88 115.6)
- CMYK
- cmyk(26% 0% 90% 3%)
Tints · Shades · Tones
Tints
- BFF94C
- C6FB69
- CDFC81
- D4FD96
- DBFDA9
- E2FEBC
- E9FFCD
- F1FFDE
- F8FFEF
Shades
- A0D813
- 88B80F
- 719A0A
- 5B7C07
- 456004
- 314502
- 1E2C01
- 0C1500
- 020300
Tones
- B2EC3A
- ADE04C
- A7D459
- A1C862
- 9CBC6A
- 96B070
- 91A476
- 8B987A
- 858C7D
Color harmonies
Complementary +180°
- B8F818
Green Venom
- E9D5FF
≈ Rose Dragée
Analogous -30° +30°
- B8F818
Green Venom
- FFDE45
≈ Golden Boy
- 73FFB1
≈ Venice Green
Triadic +120° +240°
- B8F818
Green Venom
- C5E3FF
≈ Fresh Water
- FFD1D9
≈ Love Fumes
Split-complementary +150° +210°
- B8F818
Green Venom
- D6DDFF
≈ Transparent Blue
- FFCDF1
≈ Infra-White
Tetradic +90° +180° +270°
- B8F818
Green Venom
- A5ECFF
≈ Beyond the Clouds
- E9D5FF
≈ Rose Dragée
- FFD4C7
≈ Tiny Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.47:1 · APCA Lc 91
Best text color: #000000
WCAG 16.47:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--green-venom: #b8f818;
--green-venom-rgb: 184 248 24;
--green-venom-oklch: oklch(0.903 0.227 126.4);
}
.element {
color: var(--green-venom);
background-color: hsl(77 94% 53%);
border-color: oklch(0.903 0.227 126.4);
}Tailwind CSS v4
@theme {
--color-green-venom: #b8f818;
--color-green-venom-50: #e2ffbd;
--color-green-venom-100: #d1f7a5;
--color-green-venom-200: #b7e779;
--color-green-venom-300: #94cc39;
--color-green-venom-400: #7cb400;
--color-green-venom-500: #5f9c00;
--color-green-venom-600: #518400;
--color-green-venom-700: #406a00;
--color-green-venom-800: #324d00;
--color-green-venom-900: #223600;
--color-green-venom-950: #112000;
}SCSS
$green-venom: #b8f818;
$green-venom-rgb: 184, 248, 24;
$green-venom-light: mix(#fff, $green-venom, 20%);
$green-venom-dark: mix(#000, $green-venom, 20%);
.element {
color: $green-venom;
box-shadow: 0 0 0 2px rgba($green-venom, 0.35);
}