Couleur nommée · #21FC0D
Electric Green
Electric Green correspond à #21FC0D : rgb(33 252 13), hsl(115 98% 52%), oklch(0.861 0.288 142.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Electric Green color name →
#21FC0D
oklch(0.861 0.288 142.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 53FD47
- 70FF65
- 87FF7D
- 9CFF92
- AFFFA6
- C0FFB9
- D1FFCB
- E1FFDD
- F0FFEE
Ombres
- 1BDB0A
- 16BB07
- 109C05
- 0B7E03
- 066202
- 034701
- 012D00
- 001600
- 000300
Tons
- 40F035
- 52E348
- 5ED755
- 68CB5F
- 6FBE67
- 74B26E
- 79A674
- 7C9979
- 7E8D7D
Harmonies de couleurs
Complémentaire +180°
- 21FC0D
Electric Green
- F6B7FF
≈ Strawberry Buttercream
Analogue -30° +30°
- 21FC0D
Electric Green
- D5DC00
≈ Golden Gun
- 00F4C5
≈ Bright Teal
Triadique +120° +240°
- 21FC0D
Electric Green
- B9D2FF
≈ Ice Cold Stare
- FFBEBB
≈ Peach Scone
Complémentaire divisée +150° +210°
- 21FC0D
Electric Green
- D2C9FF
≈ Innocent Snowdrop
- FFBAD7
≈ Cotton Candy
Tétradique +90° +180° +270°
- 21FC0D
Electric Green
- 99DBFF
≈ Shiva Blue
- F6B7FF
≈ Strawberry Buttercream
- FFC29E
≈ Coral Gable
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.40:1 · APCA Lc 19
Ag
AAASur noir
WCAG 14.99:1 · APCA Lc 85
Meilleure couleur de texte: #000000
WCAG 14.99:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
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);
}