Adlandırılmış renk · #88FF00
Lasting Lime
Lasting Lime, #88FF00: rgb(136 255 0), hsl(88 100% 50%), oklch(0.894 0.261 134.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Lasting Lime color name →
#88FF00
oklch(0.894 0.261 134.9)
Renk dönüşümleri
- HEX
- #88ff00
- RGB
- rgb(136 255 0)
- HSL
- hsl(88 100% 50%)
- HWB
- hwb(88 0% 0%)
- OKLCH
- oklch(0.894 0.261 134.9)
- OKLab
- oklab(0.894 -0.184 0.185)
- CIE Lab
- lab(90.4 -58.94 84.3)
- LCH
- lch(90.4 102.86 125)
- CMYK
- cmyk(47% 0% 100% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96FF47
- A3FF66
- B0FF7E
- BCFF94
- C8FFA8
- D3FFBA
- DEFFCC
- E9FFDD
- F4FFEE
Koyu tonlar
- 75DE00
- 63BE00
- 529E00
- 418000
- 316300
- 224800
- 132E00
- 061600
- 010300
Gri tonlar
- 89F234
- 89E548
- 89D956
- 89CC60
- 88BF69
- 87B36F
- 86A675
- 849979
- 828D7D
Renk uyumları
Tamamlayıcı +180°
- 88FF00
Lasting Lime
- EFCEFF
≈ Rose Dragée
Analog -30° +30°
- 88FF00
Lasting Lime
- F0E100
≈ Xanthic
- 46FFBF
≈ Night Pearl
Üçlü +120° +240°
- 88FF00
Lasting Lime
- C5DEFF
≈ Arc Light
- FFCED0
≈ Lusty-Gallant
Bölünmüş tamamlayıcı +150° +210°
- 88FF00
Lasting Lime
- D8D8FF
≈ Icy Plains
- FFCAE7
≈ Soulmate Pink
Dörtlü +90° +180° +270°
- 88FF00
Lasting Lime
- AAE7FF
≈ Fresh Air
- EFCEFF
≈ Rose Dragée
- FFD0BC
≈ Vienna Sausage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.35:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.35:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--lasting-lime: #88ff00;
--lasting-lime-rgb: 136 255 0;
--lasting-lime-oklch: oklch(0.894 0.261 134.9);
}
.element {
color: var(--lasting-lime);
background-color: hsl(88 100% 50%);
border-color: oklch(0.894 0.261 134.9);
}Tailwind CSS v4
@theme {
--color-lasting-lime: #88ff00;
--color-lasting-lime-50: #d2ffbd;
--color-lasting-lime-100: #befca5;
--color-lasting-lime-200: #9dee7a;
--color-lasting-lime-300: #70d43a;
--color-lasting-lime-400: #4dbc00;
--color-lasting-lime-500: #05a500;
--color-lasting-lime-600: #0f8c00;
--color-lasting-lime-700: #0e7000;
--color-lasting-lime-800: #145200;
--color-lasting-lime-900: #0d3900;
--color-lasting-lime-950: #012300;
}SCSS
$lasting-lime: #88ff00;
$lasting-lime-rgb: 136, 255, 0;
$lasting-lime-light: mix(#fff, $lasting-lime, 20%);
$lasting-lime-dark: mix(#000, $lasting-lime, 20%);
.element {
color: $lasting-lime;
box-shadow: 0 0 0 2px rgba($lasting-lime, 0.35);
}