Benannte Farbe · #00DE00
Nuclear Throne
Nuclear Throne ist #00DE00: rgb(0 222 0), hsl(120 100% 44%), oklch(0.78 0.266 142.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Nuclear Throne color name →
#00DE00
oklch(0.78 0.266 142.5)
Farbumrechnungen
- HEX
- #00de00
- RGB
- rgb(0 222 0)
- HSL
- hsl(120 100% 44%)
- HWB
- hwb(120 0% 13%)
- OKLCH
- oklch(0.78 0.266 142.5)
- OKLab
- oklab(0.78 -0.211 0.162)
- CIE Lab
- lab(77.5 -71.39 72.94)
- LCH
- lch(77.5 102.07 134.4)
- CMYK
- cmyk(100% 0% 100% 13%)
Tints · Shades · Tones
Tints
- 45E23F
- 64E65D
- 7DEA75
- 92EE8B
- A6F1A0
- B9F5B3
- CBF8C7
- DDFADA
- EEFDEC
Shades
- 00C100
- 00A500
- 008900
- 006F00
- 005500
- 003D00
- 002600
- 001200
- 000200
Tones
- 32D52D
- 46CC41
- 54C24E
- 5FB959
- 67B062
- 6EA769
- 749D70
- 799476
- 7D8A7B
Farbharmonien
Komplementär +180°
- 00DE00
Nuclear Throne
- F088FF
≈ Give Me Your Love
Analog -30° +30°
- 00DE00
Nuclear Throne
- BAC100
≈ La Rioja
- 00D6AD
≈ Channel Marker Green
Triadisch +120° +240°
- 00DE00
Nuclear Throne
- 91B7FF
≈ Carolina Blue
- FF9591
≈ Lolly
Geteilt komplementär +150° +210°
- 00DE00
Nuclear Throne
- BAA8FF
≈ Winterspring Lilac
- FF8DC1
≈ Cochonnet
Tetradisch +90° +180° +270°
- 00DE00
Nuclear Throne
- 49C6FF
≈ Shovel Knight
- F088FF
≈ Give Me Your Love
- FF9B59
≈ Honey Carrot Cake
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.83:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.44:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.44:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--nuclear-throne: #00de00;
--nuclear-throne-rgb: 0 222 0;
--nuclear-throne-oklch: oklch(0.78 0.266 142.5);
}
.element {
color: var(--nuclear-throne);
background-color: hsl(120 100% 44%);
border-color: oklch(0.78 0.266 142.5);
}Tailwind CSS v4
@theme {
--color-nuclear-throne: #00de00;
--color-nuclear-throne-50: #c6ffc6;
--color-nuclear-throne-100: #afffb0;
--color-nuclear-throne-200: #86f189;
--color-nuclear-throne-300: #48d955;
--color-nuclear-throne-400: #00c200;
--color-nuclear-throne-500: #00ab00;
--color-nuclear-throne-600: #009100;
--color-nuclear-throne-700: #007400;
--color-nuclear-throne-800: #005500;
--color-nuclear-throne-900: #003c00;
--color-nuclear-throne-950: #002500;
}SCSS
$nuclear-throne: #00de00;
$nuclear-throne-rgb: 0, 222, 0;
$nuclear-throne-light: mix(#fff, $nuclear-throne, 20%);
$nuclear-throne-dark: mix(#000, $nuclear-throne, 20%);
.element {
color: $nuclear-throne;
box-shadow: 0 0 0 2px rgba($nuclear-throne, 0.35);
}