Nazwany kolor · #44DD00
Magic Blade
Magic Blade to #44DD00: rgb(68 221 0), hsl(102 100% 43%), oklch(0.786 0.254 140.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Magic Blade color name →
#44DD00
oklch(0.786 0.254 140.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 60E13F
- 76E55D
- 8AE975
- 9DED8B
- AEF1A0
- BFF4B4
- CFF7C7
- DFFADA
- EFFDEC
Odcienie ciemniejsze
- 3AC000
- 30A400
- 268800
- 1D6E00
- 145500
- 0C3D00
- 052600
- 021100
- 000200
Tony
- 51D42E
- 5BCB41
- 63C24E
- 6AB859
- 70AF62
- 74A66A
- 789D70
- 7B9376
- 7E8A7B
Harmonie kolorów
Komplementarna +180°
- 44DD00
Magic Blade
- EB90FF
≈ Give Me Your Love
Analogowa -30° +30°
- 44DD00
Magic Blade
- C1C200
≈ Sweet & Sour
- 00D8AA
≈ Channel Marker Green
Triada +120° +240°
- 44DD00
Magic Blade
- 90BAFF
≈ Scenic Water
- FF9898
≈ Mad Pinker
Komplementarna rozszczepiona +150° +210°
- 44DD00
Magic Blade
- B8ACFF
≈ Winterspring Lilac
- FF8FC6
≈ Cochonnet
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.58:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.58:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
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);
}