Nazwany kolor · #44EE00
Nuclear Meltdown
Nuclear Meltdown to #44EE00: rgb(68 238 0), hsl(103 100% 47%), oklch(0.83 0.27 140.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Nuclear Meltdown color name →
#44EE00
oklch(0.83 0.27 140.5)
Konwersje koloru
- HEX
- #44ee00
- RGB
- rgb(68 238 0)
- HSL
- hsl(103 100% 47%)
- HWB
- hwb(103 0% 7%)
- OKLCH
- oklch(0.83 0.27 140.5)
- OKLab
- oklab(0.83 -0.208 0.172)
- CIE Lab
- lab(83.22 -69.49 77.75)
- LCH
- lch(83.22 104.28 131.8)
- CMYK
- cmyk(71% 0% 100% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 62F142
- 79F361
- 8DF579
- A0F88F
- B1F9A3
- C2FBB6
- D2FCC9
- E1FDDB
- F0FEED
Odcienie ciemniejsze
- 3ACF00
- 30B100
- 269300
- 1D7700
- 145C00
- 0C4200
- 052A00
- 021400
- 000300
Tony
- 53E330
- 5DD844
- 66CD51
- 6DC25C
- 72B765
- 76AD6C
- 7AA272
- 7D9677
- 7F8B7C
Harmonie kolorów
Komplementarna +180°
- 44EE00
Nuclear Meltdown
- F0A8FF
≈ Rich Brilliant Lavender
Analogowa -30° +30°
- 44EE00
Nuclear Meltdown
- CED000
≈ Sun Flooded Woods
- 00E8B8
≈ Overchlorinated Pool
Triada +120° +240°
- 44EE00
Nuclear Meltdown
- A8C8FF
≈ Night Snow
- FFAFAD
≈ Cornflower Lilac
Komplementarna rozszczepiona +150° +210°
- 44EE00
Nuclear Meltdown
- C6BDFF
≈ Lavender Tonic
- FFA9D1
≈ Majin Bū Pink
Tetrada +90° +180° +270°
- 44EE00
Nuclear Meltdown
- 7AD4FF
≈ Sky
- F0A8FF
≈ Rich Brilliant Lavender
- FFB388
≈ Coral Dusk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.47:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.47:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--nuclear-meltdown: #44ee00;
--nuclear-meltdown-rgb: 68 238 0;
--nuclear-meltdown-oklch: oklch(0.83 0.27 140.5);
}
.element {
color: var(--nuclear-meltdown);
background-color: hsl(103 100% 47%);
border-color: oklch(0.83 0.27 140.5);
}Tailwind CSS v4
@theme {
--color-nuclear-meltdown: #44ee00;
--color-nuclear-meltdown-50: #c8ffc2;
--color-nuclear-meltdown-100: #b2ffab;
--color-nuclear-meltdown-200: #8af183;
--color-nuclear-meltdown-300: #51d84b;
--color-nuclear-meltdown-400: #00c100;
--color-nuclear-meltdown-500: #00aa00;
--color-nuclear-meltdown-600: #009000;
--color-nuclear-meltdown-700: #007400;
--color-nuclear-meltdown-800: #005500;
--color-nuclear-meltdown-900: #003b00;
--color-nuclear-meltdown-950: #002500;
}SCSS
$nuclear-meltdown: #44ee00;
$nuclear-meltdown-rgb: 68, 238, 0;
$nuclear-meltdown-light: mix(#fff, $nuclear-meltdown, 20%);
$nuclear-meltdown-dark: mix(#000, $nuclear-meltdown, 20%);
.element {
color: $nuclear-meltdown;
box-shadow: 0 0 0 2px rgba($nuclear-meltdown, 0.35);
}