Warna bernama · #95FF00
Neon Lime
Neon Lime adalah #95FF00: rgb(149 255 0), hsl(85 100% 50%), oklch(0.9 0.255 133.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Neon Lime color name →
#95FF00
oklch(0.9 0.255 133.2)
Konversi warna
- HEX
- #95ff00
- RGB
- rgb(149 255 0)
- HSL
- hsl(85 100% 50%)
- HWB
- hwb(85 0% 0%)
- OKLCH
- oklch(0.9 0.255 133.2)
- OKLab
- oklab(0.9 -0.174 0.186)
- CIE Lab
- lab(90.95 -55.01 85.01)
- LCH
- lch(90.95 101.25 122.9)
- CMYK
- cmyk(42% 0% 100% 0%)
Tint · Shade · Tone
Tint
- A1FF47
- ACFF66
- B7FF7F
- C2FF94
- CDFFA8
- D7FFBB
- E1FFCC
- EBFFDE
- F5FFEE
Shade
- 81DE00
- 6DBE00
- 5A9E00
- 488000
- 376300
- 264800
- 162E00
- 081600
- 010300
Tone
- 94F234
- 93E548
- 91D956
- 8FCC61
- 8DBF69
- 8BB370
- 89A675
- 869979
- 838D7D
Harmoni warna
Komplementer +180°
- 95FF00
Neon Lime
- EED1FF
≈ Rose Dragée
Analog -30° +30°
- 95FF00
Neon Lime
- F5E200
≈ Xanthic
- 5FFFBF
≈ Venice Green
Triadik +120° +240°
- 95FF00
Neon Lime
- C7E1FF
≈ Arc Light
- FFD0D4
≈ Love Fumes
Split-komplementer +150° +210°
- 95FF00
Neon Lime
- D9DAFF
≈ Transparent Blue
- FFCDEA
≈ Infra-White
Tetradik +90° +180° +270°
- 95FF00
Neon Lime
- ADE9FF
≈ Fresh Air
- EED1FF
≈ Rose Dragée
- FFD3C1
≈ Simply Delicious
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.26:1 · APCA Lc 13
Ag
AAADi atas hitam
WCAG 16.58:1 · APCA Lc 91
Warna teks terbaik: #000000
WCAG 16.58:1 (AAA) · APCA Lc 91
Contrast pairs
Cuplikan kode
CSS
:root {
--neon-lime: #95ff00;
--neon-lime-rgb: 149 255 0;
--neon-lime-oklch: oklch(0.9 0.255 133.2);
}
.element {
color: var(--neon-lime);
background-color: hsl(85 100% 50%);
border-color: oklch(0.9 0.255 133.2);
}Tailwind CSS v4
@theme {
--color-neon-lime: #95ff00;
--color-neon-lime-50: #d6ffbc;
--color-neon-lime-100: #c3fba4;
--color-neon-lime-200: #a3ec79;
--color-neon-lime-300: #79d338;
--color-neon-lime-400: #5abb00;
--color-neon-lime-500: #2ca300;
--color-neon-lime-600: #288a00;
--color-neon-lime-700: #206f00;
--color-neon-lime-800: #1d5100;
--color-neon-lime-900: #133800;
--color-neon-lime-950: #052300;
}SCSS
$neon-lime: #95ff00;
$neon-lime-rgb: 149, 255, 0;
$neon-lime-light: mix(#fff, $neon-lime, 20%);
$neon-lime-dark: mix(#000, $neon-lime, 20%);
.element {
color: $neon-lime;
box-shadow: 0 0 0 2px rgba($neon-lime, 0.35);
}