Couleur nommée · #11FF00
Phosphorescent Green
Phosphorescent Green correspond à #11FF00 : rgb(17 255 0), hsl(116 100% 50%), oklch(0.867 0.294 142.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Phosphorescent Green color name →
#11FF00
oklch(0.867 0.294 142.3)
Conversions de couleur
- HEX
- #11ff00
- RGB
- rgb(17 255 0)
- HSL
- hsl(116 100% 50%)
- HWB
- hwb(116 0% 0%)
- OKLCH
- oklch(0.867 0.294 142.3)
- OKLab
- oklab(0.867 -0.233 0.18)
- CIE Lab
- lab(87.88 -78.75 81.07)
- LCH
- lch(87.88 113.03 134.2)
- CMYK
- cmyk(93% 0% 100% 0%)
Teintes · Ombres · Tons
Teintes
- 4FFF45
- 6EFF64
- 86FF7D
- 9BFF92
- AEFFA6
- C0FFB9
- D0FFCB
- E0FFDD
- F0FFEE
Ombres
- 0DDE00
- 09BE00
- 069E00
- 048000
- 026300
- 014800
- 002E00
- 001600
- 000300
Tons
- 3BF232
- 4FE646
- 5CD954
- 66CC5F
- 6EC067
- 74B36E
- 78A674
- 7C9A79
- 7E8D7D
Harmonies de couleurs
Complémentaire +180°
- 11FF00
Phosphorescent Green
- F7BBFF
≈ Brilliant Lavender
Analogue -30° +30°
- 11FF00
Phosphorescent Green
- D7DF00
≈ Golden Gun
- 00F6C7
≈ Bright Teal
Triadique +120° +240°
- 11FF00
Phosphorescent Green
- BDD4FF
≈ Ice Cold Stare
- FFC2BE
≈ Ladylike
Complémentaire divisée +150° +210°
- 11FF00
Phosphorescent Green
- D4CBFF
≈ Lavender Blue
- FFBDD9
≈ Cotton Candy
Tétradique +90° +180° +270°
- 11FF00
Phosphorescent Green
- 9EDDFF
≈ Columbia Blue
- F7BBFF
≈ Brilliant Lavender
- FFC5A2
≈ Tomorrow’s Coral
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.37:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.32:1 · APCA Lc 87
Meilleure couleur de texte: #000000
WCAG 15.32:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--phosphorescent-green: #11ff00;
--phosphorescent-green-rgb: 17 255 0;
--phosphorescent-green-oklch: oklch(0.867 0.294 142.3);
}
.element {
color: var(--phosphorescent-green);
background-color: hsl(116 100% 50%);
border-color: oklch(0.867 0.294 142.3);
}Tailwind CSS v4
@theme {
--color-phosphorescent-green: #11ff00;
--color-phosphorescent-green-50: #c0ffc0;
--color-phosphorescent-green-100: #a8ffa9;
--color-phosphorescent-green-200: #7bf47f;
--color-phosphorescent-green-300: #2edb43;
--color-phosphorescent-green-400: #00c400;
--color-phosphorescent-green-500: #00ae00;
--color-phosphorescent-green-600: #009300;
--color-phosphorescent-green-700: #007600;
--color-phosphorescent-green-800: #005700;
--color-phosphorescent-green-900: #003d00;
--color-phosphorescent-green-950: #002600;
}SCSS
$phosphorescent-green: #11ff00;
$phosphorescent-green-rgb: 17, 255, 0;
$phosphorescent-green-light: mix(#fff, $phosphorescent-green, 20%);
$phosphorescent-green-dark: mix(#000, $phosphorescent-green, 20%);
.element {
color: $phosphorescent-green;
box-shadow: 0 0 0 2px rgba($phosphorescent-green, 0.35);
}