色名 · #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);
}