Benannte Farbe · #44DD00
Magic Blade
Magic Blade ist #44DD00: rgb(68 221 0), hsl(102 100% 43%), oklch(0.786 0.254 140.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Magic Blade color name →
#44DD00
oklch(0.786 0.254 140.1)
Farbumrechnungen
- HEX
- #44dd00
- RGB
- rgb(68 221 0)
- HSL
- hsl(102 100% 43%)
- HWB
- hwb(102 0% 13%)
- OKLCH
- oklch(0.786 0.254 140.1)
- OKLab
- oklab(0.786 -0.195 0.163)
- CIE Lab
- lab(77.95 -64.76 73.68)
- LCH
- lch(77.95 98.09 131.3)
- CMYK
- cmyk(69% 0% 100% 13%)
Tints · Shades · Tones
Tints
- 60E13F
- 76E55D
- 8AE975
- 9DED8B
- AEF1A0
- BFF4B4
- CFF7C7
- DFFADA
- EFFDEC
Shades
- 3AC000
- 30A400
- 268800
- 1D6E00
- 145500
- 0C3D00
- 052600
- 021100
- 000200
Tones
- 51D42E
- 5BCB41
- 63C24E
- 6AB859
- 70AF62
- 74A66A
- 789D70
- 7B9376
- 7E8A7B
Farbharmonien
Komplementär +180°
- 44DD00
Magic Blade
- EB90FF
≈ Give Me Your Love
Analog -30° +30°
- 44DD00
Magic Blade
- C1C200
≈ Sweet & Sour
- 00D8AA
≈ Channel Marker Green
Triadisch +120° +240°
- 44DD00
Magic Blade
- 90BAFF
≈ Scenic Water
- FF9898
≈ Mad Pinker
Geteilt komplementär +150° +210°
- 44DD00
Magic Blade
- B8ACFF
≈ Winterspring Lilac
- FF8FC6
≈ Cochonnet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.81:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.58:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.58:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--magic-blade: #44dd00;
--magic-blade-rgb: 68 221 0;
--magic-blade-oklch: oklch(0.786 0.254 140.1);
}
.element {
color: var(--magic-blade);
background-color: hsl(102 100% 43%);
border-color: oklch(0.786 0.254 140.1);
}Tailwind CSS v4
@theme {
--color-magic-blade: #44dd00;
--color-magic-blade-50: #ccffc5;
--color-magic-blade-100: #b6feaf;
--color-magic-blade-200: #91ef88;
--color-magic-blade-300: #5dd653;
--color-magic-blade-400: #29bf00;
--color-magic-blade-500: #00a800;
--color-magic-blade-600: #008e00;
--color-magic-blade-700: #007200;
--color-magic-blade-800: #005400;
--color-magic-blade-900: #003a00;
--color-magic-blade-950: #002400;
}SCSS
$magic-blade: #44dd00;
$magic-blade-rgb: 68, 221, 0;
$magic-blade-light: mix(#fff, $magic-blade, 20%);
$magic-blade-dark: mix(#000, $magic-blade, 20%);
.element {
color: $magic-blade;
box-shadow: 0 0 0 2px rgba($magic-blade, 0.35);
}