Cor nomeada · #0AFA1E
Galactic Emerald
Galactic Emerald é #0AFA1E: rgb(10 250 30), hsl(125 96% 51%), oklch(0.854 0.285 142.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Galactic Emerald color name →
#0AFA1E
oklch(0.854 0.285 142.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 4DFC4C
- 6CFD68
- 84FE7F
- 99FF94
- ADFFA7
- BFFFBA
- D0FFCC
- E0FFDD
- F0FFEE
Sombras
- 07D919
- 05BA13
- 039B0E
- 027D09
- 016105
- 014603
- 002D01
- 001500
- 000300
Tons
- 39EE3A
- 4DE24B
- 5BD657
- 65C961
- 6DBD69
- 73B16F
- 78A574
- 7B9979
- 7E8C7D
Harmonias de cor
Complementar +180°
- 0AFA1E
Galactic Emerald
- F7B3FF
≈ Strawberry Buttercream
Análoga -30° +30°
- 0AFA1E
Galactic Emerald
- D1DB00
≈ Octarine
- 00F1C5
≈ Fake Jade
Tríade +120° +240°
- 0AFA1E
Galactic Emerald
- B7D0FF
≈ Ice Cold Stare
- FFBBB7
≈ Cherry Chip
Complementar dividida +150° +210°
- 0AFA1E
Galactic Emerald
- D0C6FF
≈ Innocent Snowdrop
- FFB7D4
≈ Candy Bar
Tétrade +90° +180° +270°
- 0AFA1E
Galactic Emerald
- 95DAFF
≈ Shiva Blue
- F7B3FF
≈ Strawberry Buttercream
- FFBF98
≈ Blushing Cinnamon
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASobre preto
WCAG 14.70:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 14.70:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
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);
}