Benannte Farbe · #11EE55
Mike Wazowski Green
Mike Wazowski Green ist #11EE55: rgb(17 238 85), hsl(138 87% 50%), oklch(0.827 0.248 146.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Mike Wazowski Green color name →
#11EE55
oklch(0.827 0.248 146.4)
Farbumrechnungen
- HEX
- #11ee55
- RGB
- rgb(17 238 85)
- HSL
- hsl(138 87% 50%)
- HWB
- hwb(138 7% 7%)
- OKLCH
- oklch(0.827 0.248 146.4)
- OKLab
- oklab(0.827 -0.206 0.137)
- CIE Lab
- lab(82.9 -71.41 57.73)
- LCH
- lch(82.9 91.83 141)
- CMYK
- cmyk(93% 0% 64% 7%)
Tints · Shades · Tones
Tints
- 4CF16B
- 6BF37E
- 83F590
- 98F7A1
- ABF9B1
- BDFBC1
- CEFCD1
- DFFDE0
- EFFEF0
Shades
- 0DCF49
- 09B13D
- 069331
- 047726
- 025C1C
- 014211
- 002A08
- 001402
- 000300
Tones
- 39E35D
- 4CD864
- 5ACD6A
- 64C26F
- 6CB773
- 72AC77
- 77A17A
- 7B967C
- 7E8B7E
Farbharmonien
Komplementär +180°
- 11EE55
Mike Wazowski Green
- FD9EFF
≈ Pinkalicious
Analog -30° +30°
- 11EE55
Mike Wazowski Green
- C0D400
≈ Evening Primrose
- 00E6C3
≈ Fake Jade
Triadisch +120° +240°
- 11EE55
Mike Wazowski Green
- ADC6FF
≈ Night Snow
- FFAEA5
≈ Apricot Blush
Geteilt komplementär +150° +210°
- 11EE55
Mike Wazowski Green
- CCBAFF
≈ Lavender Tonic
- FFA9C8
≈ Majin Bū Pink
Tetradisch +90° +180° +270°
- 11EE55
Mike Wazowski Green
- 84D1FF
≈ Drift on the Sea
- FD9EFF
≈ Pinkalicious
- FFB37C
≈ Isn’t It Just Peachy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.56:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.38:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.38:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--mike-wazowski-green: #11ee55;
--mike-wazowski-green-rgb: 17 238 85;
--mike-wazowski-green-oklch: oklch(0.827 0.248 146.4);
}
.element {
color: var(--mike-wazowski-green);
background-color: hsl(138 87% 50%);
border-color: oklch(0.827 0.248 146.4);
}Tailwind CSS v4
@theme {
--color-mike-wazowski-green: #11ee55;
--color-mike-wazowski-green-50: #c4ffce;
--color-mike-wazowski-green-100: #adffb9;
--color-mike-wazowski-green-200: #82f197;
--color-mike-wazowski-green-300: #40d86a;
--color-mike-wazowski-green-400: #00c22e;
--color-mike-wazowski-green-500: #00ab00;
--color-mike-wazowski-green-600: #009100;
--color-mike-wazowski-green-700: #007400;
--color-mike-wazowski-green-800: #005500;
--color-mike-wazowski-green-900: #003c00;
--color-mike-wazowski-green-950: #002500;
}SCSS
$mike-wazowski-green: #11ee55;
$mike-wazowski-green-rgb: 17, 238, 85;
$mike-wazowski-green-light: mix(#fff, $mike-wazowski-green, 20%);
$mike-wazowski-green-dark: mix(#000, $mike-wazowski-green, 20%);
.element {
color: $mike-wazowski-green;
box-shadow: 0 0 0 2px rgba($mike-wazowski-green, 0.35);
}