Named color · #7CFC00
Nuclear Waste
Nuclear Waste is #7CFC00: rgb(124 252 0), hsl(90 100% 49%), oklch(0.882 0.263 136.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Nuclear Waste color name →
#7CFC00
oklch(0.882 0.263 136.2)
Color conversions
- HEX
- #7cfc00
- RGB
- rgb(124 252 0)
- HSL
- hsl(90 100% 49%)
- HWB
- hwb(90 0% 1%)
- OKLCH
- oklch(0.882 0.263 136.2)
- OKLab
- oklab(0.882 -0.19 0.182)
- CIE Lab
- lab(89.05 -61.33 83.04)
- LCH
- lch(89.05 103.23 126.4)
- CMYK
- cmyk(51% 0% 100% 1%)
Tints · Shades · Tones
Tints
- 8CFD46
- 9BFE65
- A9FF7D
- B6FF93
- C3FFA7
- CFFFBA
- DCFFCC
- E8FFDD
- F3FFEE
Shades
- 6BDB00
- 5ABB00
- 4A9C00
- 3B7E00
- 2C6200
- 1E4700
- 112D00
- 051600
- 010300
Tones
- 7FEF33
- 81E347
- 82D755
- 83CA5F
- 84BE68
- 84B26F
- 83A574
- 839979
- 828C7D
Color harmonies
Complementary +180°
- 7CFC00
Nuclear Waste
- EFC7FF
≈ Aquarelle Lilac
Analogous -30° +30°
- 7CFC00
Nuclear Waste
- E9DE00
≈ Lovely Lemonade
- 00FDBC
≈ Minty Paradise
Triadic +120° +240°
- 7CFC00
Nuclear Waste
- BFDAFF
≈ Broad Daylight
- FFC8CA
≈ Sweet Memories
Split-complementary +150° +210°
- 7CFC00
Nuclear Waste
- D4D3FF
≈ Pale Phthalo Blue
- FFC4E3
≈ Sugarwinkle
Tetradic +90° +180° +270°
- 7CFC00
Nuclear Waste
- A1E3FF
≈ Ganon Blue
- EFC7FF
≈ Aquarelle Lilac
- FFCBB3
≈ Peach and Quiet
Contrast & accessibility
Ag
FailOn white
WCAG 1.33:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.78:1 · APCA Lc 88
Best text color: #000000
WCAG 15.78:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--nuclear-waste: #7cfc00;
--nuclear-waste-rgb: 124 252 0;
--nuclear-waste-oklch: oklch(0.882 0.263 136.2);
}
.element {
color: var(--nuclear-waste);
background-color: hsl(90 100% 49%);
border-color: oklch(0.882 0.263 136.2);
}Tailwind CSS v4
@theme {
--color-nuclear-waste: #7cfc00;
--color-nuclear-waste-50: #d0ffbe;
--color-nuclear-waste-100: #bcfda6;
--color-nuclear-waste-200: #99ee7c;
--color-nuclear-waste-300: #6ad53e;
--color-nuclear-waste-400: #44bd00;
--color-nuclear-waste-500: #00a600;
--color-nuclear-waste-600: #008d00;
--color-nuclear-waste-700: #007100;
--color-nuclear-waste-800: #0c5300;
--color-nuclear-waste-900: #083a00;
--color-nuclear-waste-950: #002300;
}SCSS
$nuclear-waste: #7cfc00;
$nuclear-waste-rgb: 124, 252, 0;
$nuclear-waste-light: mix(#fff, $nuclear-waste, 20%);
$nuclear-waste-dark: mix(#000, $nuclear-waste, 20%);
.element {
color: $nuclear-waste;
box-shadow: 0 0 0 2px rgba($nuclear-waste, 0.35);
}