이름 색상 · #8FFE08
Skywalker Green
Skywalker Green은(는) #8FFE08: rgb(143 254 8), hsl(87 99% 51%), oklch(0.895 0.256 134). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Skywalker Green color name →
#8FFE08
oklch(0.895 0.256 134)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 9CFF48
- A8FF67
- B4FF7F
- BFFF94
- CAFFA8
- D5FFBB
- E0FFCC
- EAFFDE
- F5FFEE
셰이드
- 7CDD06
- 69BD04
- 579E03
- 458002
- 346301
- 244701
- 152D00
- 071600
- 010300
톤
- 8FF135
- 8EE549
- 8ED856
- 8CCB61
- 8BBF69
- 89B270
- 87A675
- 859979
- 838D7D
색 조화
보색 +180°
- 8FFE08
Skywalker Green
- EECEFF
≈ Rose Dragée
유사색 -30° +30°
- 8FFE08
Skywalker Green
- F2E100
≈ Xanthic
- 4CFFBE
≈ Greenish Cyan
삼각 배색 +120° +240°
- 8FFE08
Skywalker Green
- C5DFFF
≈ Arc Light
- FFCED1
≈ Love Fumes
분열 보색 +150° +210°
- 8FFE08
Skywalker Green
- D7D8FF
≈ Icy Plains
- FFCAE8
≈ Soulmate Pink
사각 배색 +90° +180° +270°
- 8FFE08
Skywalker Green
- AAE7FF
≈ Fresh Air
- EECEFF
≈ Rose Dragée
- FFD1BD
≈ Vienna Sausage
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.34:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
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);
}