Benannte Farbe · #43E85F
Toxic Slime
Toxic Slime ist #43E85F: rgb(67 232 95), hsl(130 78% 59%), oklch(0.819 0.225 145.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Toxic Slime color name →
#43E85F
oklch(0.819 0.225 145.8)
Farbumrechnungen
- HEX
- #43e85f
- RGB
- rgb(67 232 95)
- HSL
- hsl(130 78% 59%)
- HWB
- hwb(130 26% 9%)
- OKLCH
- oklch(0.819 0.225 145.8)
- OKLab
- oklab(0.819 -0.186 0.126)
- CIE Lab
- lab(81.72 -64.01 52.53)
- LCH
- lch(81.72 82.8 140.6)
- CMYK
- cmyk(71% 0% 59% 9%)
Tints · Shades · Tones
Tints
- 61EB72
- 78EE84
- 8DF194
- 9FF3A4
- B1F6B4
- C1F8C3
- D1FAD2
- E1FCE1
- F0FDF0
Shades
- 39CA52
- 2FAC44
- 269038
- 1D742C
- 145920
- 0C4015
- 05290A
- 011303
- 000300
Tones
- 52DE65
- 5DD36A
- 65C96F
- 6CBE73
- 72B476
- 76AA79
- 7A9F7B
- 7C957D
- 7E8B7F
Farbharmonien
Komplementär +180°
- 43E85F
Toxic Slime
- FB9AFF
≈ Pinkalicious
Analog -30° +30°
- 43E85F
Toxic Slime
- BFD100
≈ Garlic Pesto
- 00E3C0
≈ Celestial Green
Triadisch +120° +240°
- 43E85F
Toxic Slime
- A8C3FF
≈ Pastel Blue
- FFAAA2
≈ Patient Pink
Geteilt komplementär +150° +210°
- 43E85F
Toxic Slime
- C9B7FF
≈ Violet Heaven
- FFA4C7
≈ Taffy Pink
Tetradisch +90° +180° +270°
- 43E85F
Toxic Slime
- 7CCFFF
≈ Bubbly Barracuda
- FB9AFF
≈ Pinkalicious
- FFAF76
≈ Bloom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.62:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 12.94:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 12.94:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--toxic-slime: #43e85f;
--toxic-slime-rgb: 67 232 95;
--toxic-slime-oklch: oklch(0.819 0.225 145.8);
}
.element {
color: var(--toxic-slime);
background-color: hsl(130 78% 59%);
border-color: oklch(0.819 0.225 145.8);
}Tailwind CSS v4
@theme {
--color-toxic-slime: #43e85f;
--color-toxic-slime-50: #caffd1;
--color-toxic-slime-100: #b4fdbd;
--color-toxic-slime-200: #8eee9c;
--color-toxic-slime-300: #56d571;
--color-toxic-slime-400: #0abf3d;
--color-toxic-slime-500: #00a900;
--color-toxic-slime-600: #008f00;
--color-toxic-slime-700: #007200;
--color-toxic-slime-800: #005400;
--color-toxic-slime-900: #003b00;
--color-toxic-slime-950: #002400;
}SCSS
$toxic-slime: #43e85f;
$toxic-slime-rgb: 67, 232, 95;
$toxic-slime-light: mix(#fff, $toxic-slime, 20%);
$toxic-slime-dark: mix(#000, $toxic-slime, 20%);
.element {
color: $toxic-slime;
box-shadow: 0 0 0 2px rgba($toxic-slime, 0.35);
}