Nazwany kolor · #0AFA1E
Galactic Emerald
Galactic Emerald to #0AFA1E: rgb(10 250 30), hsl(125 96% 51%), oklch(0.854 0.285 142.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Galactic Emerald color name →
#0AFA1E
oklch(0.854 0.285 142.9)
Konwersje koloru
- HEX
- #0afa1e
- RGB
- rgb(10 250 30)
- HSL
- hsl(125 96% 51%)
- HWB
- hwb(125 4% 2%)
- OKLCH
- oklch(0.854 0.285 142.9)
- OKLab
- oklab(0.854 -0.228 0.172)
- CIE Lab
- lab(86.34 -77.36 76.79)
- LCH
- lch(86.34 109 135.2)
- CMYK
- cmyk(96% 0% 88% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4DFC4C
- 6CFD68
- 84FE7F
- 99FF94
- ADFFA7
- BFFFBA
- D0FFCC
- E0FFDD
- F0FFEE
Odcienie ciemniejsze
- 07D919
- 05BA13
- 039B0E
- 027D09
- 016105
- 014603
- 002D01
- 001500
- 000300
Tony
- 39EE3A
- 4DE24B
- 5BD657
- 65C961
- 6DBD69
- 73B16F
- 78A574
- 7B9979
- 7E8C7D
Harmonie kolorów
Komplementarna +180°
- 0AFA1E
Galactic Emerald
- F7B3FF
≈ Strawberry Buttercream
Analogowa -30° +30°
- 0AFA1E
Galactic Emerald
- D1DB00
≈ Octarine
- 00F1C5
≈ Fake Jade
Triada +120° +240°
- 0AFA1E
Galactic Emerald
- B7D0FF
≈ Ice Cold Stare
- FFBBB7
≈ Cherry Chip
Komplementarna rozszczepiona +150° +210°
- 0AFA1E
Galactic Emerald
- D0C6FF
≈ Innocent Snowdrop
- FFB7D4
≈ Candy Bar
Tetrada +90° +180° +270°
- 0AFA1E
Galactic Emerald
- 95DAFF
≈ Shiva Blue
- F7B3FF
≈ Strawberry Buttercream
- FFBF98
≈ Blushing Cinnamon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.42:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.70:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.70:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--galactic-emerald: #0afa1e;
--galactic-emerald-rgb: 10 250 30;
--galactic-emerald-oklch: oklch(0.854 0.285 142.9);
}
.element {
color: var(--galactic-emerald);
background-color: hsl(125 96% 51%);
border-color: oklch(0.854 0.285 142.9);
}Tailwind CSS v4
@theme {
--color-galactic-emerald: #0afa1e;
--color-galactic-emerald-50: #c1ffc2;
--color-galactic-emerald-100: #a9ffac;
--color-galactic-emerald-200: #7cf383;
--color-galactic-emerald-300: #32db4b;
--color-galactic-emerald-400: #00c400;
--color-galactic-emerald-500: #00ad00;
--color-galactic-emerald-600: #009300;
--color-galactic-emerald-700: #007600;
--color-galactic-emerald-800: #005600;
--color-galactic-emerald-900: #003c00;
--color-galactic-emerald-950: #002600;
}SCSS
$galactic-emerald: #0afa1e;
$galactic-emerald-rgb: 10, 250, 30;
$galactic-emerald-light: mix(#fff, $galactic-emerald, 20%);
$galactic-emerald-dark: mix(#000, $galactic-emerald, 20%);
.element {
color: $galactic-emerald;
box-shadow: 0 0 0 2px rgba($galactic-emerald, 0.35);
}