Benannte Farbe · #33FF11
McNuke
McNuke ist #33FF11: rgb(51 255 17), hsl(111 100% 53%), oklch(0.87 0.288 141.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · McNuke color name →
#33FF11
oklch(0.87 0.288 141.7)
Farbumrechnungen
- HEX
- #33ff11
- RGB
- rgb(51 255 17)
- HSL
- hsl(111 100% 53%)
- HWB
- hwb(111 7% 0%)
- OKLCH
- oklch(0.87 0.288 141.7)
- OKLab
- oklab(0.87 -0.226 0.178)
- CIE Lab
- lab(88.19 -76.08 80.15)
- LCH
- lch(88.19 110.51 133.5)
- CMYK
- cmyk(80% 0% 93% 0%)
Tints · Shades · Tones
Tints
- 5BFF49
- 76FF66
- 8CFF7E
- 9FFF93
- B1FFA7
- C2FFBA
- D2FFCC
- E2FFDD
- F0FFEE
Shades
- 2BDE0D
- 23BE09
- 1C9E06
- 148004
- 0D6302
- 074801
- 032E00
- 011600
- 000300
Tones
- 4AF236
- 58E649
- 63D956
- 6BCC60
- 72C068
- 76B36F
- 7AA674
- 7D9A79
- 7F8D7D
Farbharmonien
Komplementär +180°
- 33FF11
McNuke
- F6BDFF
≈ Electric Lavender
Analog -30° +30°
- 33FF11
McNuke
- D9DF00
≈ Golden Gun
- 00F7C7
≈ Bright Teal
Triadisch +120° +240°
- 33FF11
McNuke
- BED5FF
≈ Pale Phthalo Blue
- FFC3C0
≈ Ladylike
Geteilt komplementär +150° +210°
- 33FF11
McNuke
- D4CDFF
≈ Lavender Blue
- FFBFDA
≈ Cotton Candy
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.35:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.45:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.45:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--mcnuke: #33ff11;
--mcnuke-rgb: 51 255 17;
--mcnuke-oklch: oklch(0.87 0.288 141.7);
}
.element {
color: var(--mcnuke);
background-color: hsl(111 100% 53%);
border-color: oklch(0.87 0.288 141.7);
}Tailwind CSS v4
@theme {
--color-mcnuke: #33ff11;
--color-mcnuke-50: #c3ffc0;
--color-mcnuke-100: #abffa9;
--color-mcnuke-200: #80f37f;
--color-mcnuke-300: #3bda45;
--color-mcnuke-400: #00c300;
--color-mcnuke-500: #00ad00;
--color-mcnuke-600: #009200;
--color-mcnuke-700: #007500;
--color-mcnuke-800: #005600;
--color-mcnuke-900: #003c00;
--color-mcnuke-950: #002500;
}SCSS
$mcnuke: #33ff11;
$mcnuke-rgb: 51, 255, 17;
$mcnuke-light: mix(#fff, $mcnuke, 20%);
$mcnuke-dark: mix(#000, $mcnuke, 20%);
.element {
color: $mcnuke;
box-shadow: 0 0 0 2px rgba($mcnuke, 0.35);
}