이름 색상 · #8BAC0F
Gameboy Screen
Gameboy Screen은(는) #8BAC0F: rgb(139 172 15), hsl(73 84% 37%), oklch(0.695 0.166 122.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Gameboy Screen color name →
#8BAC0F
oklch(0.695 0.166 122.5)
색상 변환
- HEX
- #8bac0f
- RGB
- rgb(139 172 15)
- HSL
- hsl(73 84% 37%)
- HWB
- hwb(73 6% 33%)
- OKLCH
- oklch(0.695 0.166 122.5)
- OKLab
- oklab(0.695 -0.089 0.14)
- CIE Lab
- lab(66.02 -25.55 64.43)
- LCH
- lch(66.02 69.31 111.6)
- CMYK
- cmyk(19% 0% 91% 33%)
틴트 · 셰이드 · 톤
틴트
- 96B53C
- A1BD57
- ACC66F
- B7CE85
- C3D69A
- CFDFAE
- DBE7C2
- E7EFD7
- F3F7EB
셰이드
- 78950B
- 667F08
- 546905
- 435403
- 324002
- 232D01
- 141B00
- 070B00
- 010100
톤
- 8AA82C
- 89A43D
- 879F49
- 869B54
- 85975D
- 849265
- 838E6C
- 828973
- 81857A
색 조화
보색 +180°
- 8BAC0F
Gameboy Screen
- B180F1
≈ Illicit Purple
유사색 -30° +30°
- 8BAC0F
Gameboy Screen
- BC9900
≈ Hidden Tribe
- 2CB968
≈ Cool Green
삼각 배색 +120° +240°
- 8BAC0F
Gameboy Screen
- 01A6FA
≈ Protoss Pylon
- ED6A94
≈ Shadow Azalea Pink
분열 보색 +150° +210°
- 8BAC0F
Gameboy Screen
- 7C93FF
≈ Lavender Blue Shadow
- D771C9
≈ French Mauve
사각 배색 +90° +180° +270°
- 8BAC0F
Gameboy Screen
- 00B0C9
≈ Havasupai Falls
- B180F1
≈ Illicit Purple
- F26F56
≈ Royal Blush
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.62:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 8.00:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 8.00:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--gameboy-screen: #8bac0f;
--gameboy-screen-rgb: 139 172 15;
--gameboy-screen-oklch: oklch(0.695 0.166 122.5);
}
.element {
color: var(--gameboy-screen);
background-color: hsl(73 84% 37%);
border-color: oklch(0.695 0.166 122.5);
}Tailwind CSS v4
@theme {
--color-gameboy-screen: #8bac0f;
--color-gameboy-screen-50: #ebfeca;
--color-gameboy-screen-100: #dcf2b5;
--color-gameboy-screen-200: #c5e191;
--color-gameboy-screen-300: #a5c662;
--color-gameboy-screen-400: #8dad26;
--color-gameboy-screen-500: #749500;
--color-gameboy-screen-600: #627e00;
--color-gameboy-screen-700: #4e6500;
--color-gameboy-screen-800: #3b4a00;
--color-gameboy-screen-900: #283300;
--color-gameboy-screen-950: #171f00;
}SCSS
$gameboy-screen: #8bac0f;
$gameboy-screen-rgb: 139, 172, 15;
$gameboy-screen-light: mix(#fff, $gameboy-screen, 20%);
$gameboy-screen-dark: mix(#000, $gameboy-screen, 20%);
.element {
color: $gameboy-screen;
box-shadow: 0 0 0 2px rgba($gameboy-screen, 0.35);
}