Color con nombre · #21FC0D
Electric Green
Electric Green es #21FC0D: rgb(33 252 13), hsl(115 98% 52%), oklch(0.861 0.288 142.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Electric Green color name →
#21FC0D
oklch(0.861 0.288 142.2)
Conversiones de color
- HEX
- #21fc0d
- RGB
- rgb(33 252 13)
- HSL
- hsl(115 98% 52%)
- HWB
- hwb(115 5% 1%)
- OKLCH
- oklch(0.861 0.288 142.2)
- OKLab
- oklab(0.861 -0.228 0.177)
- CIE Lab
- lab(87.07 -77.01 79.53)
- LCH
- lch(87.07 110.7 134.1)
- CMYK
- cmyk(87% 0% 95% 1%)
Tintes · Sombras · Tonos
Tintes
- 53FD47
- 70FF65
- 87FF7D
- 9CFF92
- AFFFA6
- C0FFB9
- D1FFCB
- E1FFDD
- F0FFEE
Sombras
- 1BDB0A
- 16BB07
- 109C05
- 0B7E03
- 066202
- 034701
- 012D00
- 001600
- 000300
Tonos
- 40F035
- 52E348
- 5ED755
- 68CB5F
- 6FBE67
- 74B26E
- 79A674
- 7C9979
- 7E8D7D
Armonías de color
Complementario +180°
- 21FC0D
Electric Green
- F6B7FF
≈ Strawberry Buttercream
Análogo -30° +30°
- 21FC0D
Electric Green
- D5DC00
≈ Golden Gun
- 00F4C5
≈ Bright Teal
Triádico +120° +240°
- 21FC0D
Electric Green
- B9D2FF
≈ Ice Cold Stare
- FFBEBB
≈ Peach Scone
Complementario dividido +150° +210°
- 21FC0D
Electric Green
- D2C9FF
≈ Innocent Snowdrop
- FFBAD7
≈ Cotton Candy
Tetrádico +90° +180° +270°
- 21FC0D
Electric Green
- 99DBFF
≈ Shiva Blue
- F6B7FF
≈ Strawberry Buttercream
- FFC29E
≈ Coral Gable
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.40:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 14.99:1 · APCA Lc 85
Mejor color de texto: #000000
WCAG 14.99:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--electric-green: #21fc0d;
--electric-green-rgb: 33 252 13;
--electric-green-oklch: oklch(0.861 0.288 142.2);
}
.element {
color: var(--electric-green);
background-color: hsl(115 98% 52%);
border-color: oklch(0.861 0.288 142.2);
}Tailwind CSS v4
@theme {
--color-electric-green: #21fc0d;
--color-electric-green-50: #c2ffc1;
--color-electric-green-100: #aaffaa;
--color-electric-green-200: #7ef380;
--color-electric-green-300: #36db46;
--color-electric-green-400: #00c400;
--color-electric-green-500: #00ad00;
--color-electric-green-600: #009200;
--color-electric-green-700: #007600;
--color-electric-green-800: #005600;
--color-electric-green-900: #003c00;
--color-electric-green-950: #002500;
}SCSS
$electric-green: #21fc0d;
$electric-green-rgb: 33, 252, 13;
$electric-green-light: mix(#fff, $electric-green, 20%);
$electric-green-dark: mix(#000, $electric-green, 20%);
.element {
color: $electric-green;
box-shadow: 0 0 0 2px rgba($electric-green, 0.35);
}