Named color · #8FFE08
Skywalker Green
Skywalker Green is #8FFE08: rgb(143 254 8), hsl(87 99% 51%), oklch(0.895 0.256 134). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Skywalker Green color name →
#8FFE08
oklch(0.895 0.256 134)
Color conversions
- HEX
- #8ffe08
- RGB
- rgb(143 254 8)
- HSL
- hsl(87 99% 51%)
- HWB
- hwb(87 3% 0%)
- OKLCH
- oklch(0.895 0.256 134)
- OKLab
- oklab(0.895 -0.178 0.184)
- CIE Lab
- lab(90.4 -56.45 83.9)
- LCH
- lch(90.4 101.12 123.9)
- CMYK
- cmyk(44% 0% 97% 0%)
Tints · Shades · Tones
Tints
- 9CFF48
- A8FF67
- B4FF7F
- BFFF94
- CAFFA8
- D5FFBB
- E0FFCC
- EAFFDE
- F5FFEE
Shades
- 7CDD06
- 69BD04
- 579E03
- 458002
- 346301
- 244701
- 152D00
- 071600
- 010300
Tones
- 8FF135
- 8EE549
- 8ED856
- 8CCB61
- 8BBF69
- 89B270
- 87A675
- 859979
- 838D7D
Color harmonies
Complementary +180°
- 8FFE08
Skywalker Green
- EECEFF
≈ Rose Dragée
Analogous -30° +30°
- 8FFE08
Skywalker Green
- F2E100
≈ Xanthic
- 4CFFBE
≈ Greenish Cyan
Triadic +120° +240°
- 8FFE08
Skywalker Green
- C5DFFF
≈ Arc Light
- FFCED1
≈ Love Fumes
Split-complementary +150° +210°
- 8FFE08
Skywalker Green
- D7D8FF
≈ Icy Plains
- FFCAE8
≈ Soulmate Pink
Tetradic +90° +180° +270°
- 8FFE08
Skywalker Green
- AAE7FF
≈ Fresh Air
- EECEFF
≈ Rose Dragée
- FFD1BD
≈ Vienna Sausage
Contrast & accessibility
Ag
FailOn white
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.34:1 · APCA Lc 90
Best text color: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--skywalker-green: #8ffe08;
--skywalker-green-rgb: 143 254 8;
--skywalker-green-oklch: oklch(0.895 0.256 134);
}
.element {
color: var(--skywalker-green);
background-color: hsl(87 99% 51%);
border-color: oklch(0.895 0.256 134);
}Tailwind CSS v4
@theme {
--color-skywalker-green: #8ffe08;
--color-skywalker-green-50: #d4ffbd;
--color-skywalker-green-100: #c1fca5;
--color-skywalker-green-200: #a1ed7a;
--color-skywalker-green-300: #75d33b;
--color-skywalker-green-400: #55bb00;
--color-skywalker-green-500: #21a400;
--color-skywalker-green-600: #208b00;
--color-skywalker-green-700: #1a6f00;
--color-skywalker-green-800: #1a5100;
--color-skywalker-green-900: #113900;
--color-skywalker-green-950: #032300;
}SCSS
$skywalker-green: #8ffe08;
$skywalker-green-rgb: 143, 254, 8;
$skywalker-green-light: mix(#fff, $skywalker-green, 20%);
$skywalker-green-dark: mix(#000, $skywalker-green, 20%);
.element {
color: $skywalker-green;
box-shadow: 0 0 0 2px rgba($skywalker-green, 0.35);
}