Adlandırılmış renk · #26FF2A
Electric Laser Lime
Electric Laser Lime, #26FF2A: rgb(38 255 42), hsl(121 100% 57%), oklch(0.87 0.284 142.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Electric Laser Lime color name →
#26FF2A
oklch(0.87 0.284 142.8)
Renk dönüşümleri
- HEX
- #26ff2a
- RGB
- rgb(38 255 42)
- HSL
- hsl(121 100% 57%)
- HWB
- hwb(121 15% 0%)
- OKLCH
- oklch(0.87 0.284 142.8)
- OKLab
- oklab(0.87 -0.226 0.172)
- CIE Lab
- lab(88.09 -76.75 76.11)
- LCH
- lch(88.09 108.09 135.2)
- CMYK
- cmyk(85% 0% 84% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 55FF51
- 72FF6C
- 89FF83
- 9DFF97
- B0FFAA
- C1FFBC
- D1FFCD
- E1FFDE
- F0FFEF
Koyu tonlar
- 20DE23
- 19BE1C
- 139E16
- 0D8010
- 08630A
- 044805
- 022E02
- 011601
- 000300
Gri tonlar
- 43F241
- 54E650
- 60D95B
- 69CC64
- 70C06B
- 75B371
- 79A676
- 7C9A7A
- 7F8D7D
Renk uyumları
Tamamlayıcı +180°
- 26FF2A
Electric Laser Lime
- F8BCFF
≈ Brilliant Lavender
Analog -30° +30°
- 26FF2A
Electric Laser Lime
- D7E000
≈ Golden Gun
- 00F7C9
≈ Bright Teal
Üçlü +120° +240°
- 26FF2A
Electric Laser Lime
- BED5FF
≈ Pale Phthalo Blue
- FFC3BF
≈ Ladylike
Bölünmüş tamamlayıcı +150° +210°
- 26FF2A
Electric Laser Lime
- D5CCFF
≈ Lavender Blue
- FFBFD9
≈ Cotton Candy
Dörtlü +90° +180° +270°
- 26FF2A
Electric Laser Lime
- A1DEFF
≈ Columbia Blue
- F8BCFF
≈ Brilliant Lavender
- FFC6A4
≈ Bright Citrus
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.41:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.41:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--electric-laser-lime: #26ff2a;
--electric-laser-lime-rgb: 38 255 42;
--electric-laser-lime-oklch: oklch(0.87 0.284 142.8);
}
.element {
color: var(--electric-laser-lime);
background-color: hsl(121 100% 57%);
border-color: oklch(0.87 0.284 142.8);
}Tailwind CSS v4
@theme {
--color-electric-laser-lime: #26ff2a;
--color-electric-laser-lime-50: #c2ffc2;
--color-electric-laser-lime-100: #aaffac;
--color-electric-laser-lime-200: #7ef383;
--color-electric-laser-lime-300: #35db4c;
--color-electric-laser-lime-400: #00c400;
--color-electric-laser-lime-500: #00ad00;
--color-electric-laser-lime-600: #009200;
--color-electric-laser-lime-700: #007600;
--color-electric-laser-lime-800: #005600;
--color-electric-laser-lime-900: #003c00;
--color-electric-laser-lime-950: #002500;
}SCSS
$electric-laser-lime: #26ff2a;
$electric-laser-lime-rgb: 38, 255, 42;
$electric-laser-lime-light: mix(#fff, $electric-laser-lime, 20%);
$electric-laser-lime-dark: mix(#000, $electric-laser-lime, 20%);
.element {
color: $electric-laser-lime;
box-shadow: 0 0 0 2px rgba($electric-laser-lime, 0.35);
}