Nazwany kolor · #11FF00
Phosphorescent Green
Phosphorescent Green to #11FF00: rgb(17 255 0), hsl(116 100% 50%), oklch(0.867 0.294 142.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Phosphorescent Green color name →
#11FF00
oklch(0.867 0.294 142.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4FFF45
- 6EFF64
- 86FF7D
- 9BFF92
- AEFFA6
- C0FFB9
- D0FFCB
- E0FFDD
- F0FFEE
Odcienie ciemniejsze
- 0DDE00
- 09BE00
- 069E00
- 048000
- 026300
- 014800
- 002E00
- 001600
- 000300
Tony
- 3BF232
- 4FE646
- 5CD954
- 66CC5F
- 6EC067
- 74B36E
- 78A674
- 7C9A79
- 7E8D7D
Harmonie kolorów
Komplementarna +180°
- 11FF00
Phosphorescent Green
- F7BBFF
≈ Brilliant Lavender
Analogowa -30° +30°
- 11FF00
Phosphorescent Green
- D7DF00
≈ Golden Gun
- 00F6C7
≈ Bright Teal
Triada +120° +240°
- 11FF00
Phosphorescent Green
- BDD4FF
≈ Ice Cold Stare
- FFC2BE
≈ Ladylike
Komplementarna rozszczepiona +150° +210°
- 11FF00
Phosphorescent Green
- D4CBFF
≈ Lavender Blue
- FFBDD9
≈ Cotton Candy
Tetrada +90° +180° +270°
- 11FF00
Phosphorescent Green
- 9EDDFF
≈ Columbia Blue
- F7BBFF
≈ Brilliant Lavender
- FFC5A2
≈ Tomorrow’s Coral
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.32:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.32:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}