이름 색상 · #0F380F
Gameboy Contrast
Gameboy Contrast은(는) #0F380F: rgb(15 56 15), hsl(120 58% 14%), oklch(0.301 0.082 143.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Gameboy Contrast color name →
#0F380F
oklch(0.301 0.082 143.2)
색상 변환
- HEX
- #0f380f
- RGB
- rgb(15 56 15)
- HSL
- hsl(120 58% 14%)
- HWB
- hwb(120 6% 78%)
- OKLCH
- oklch(0.301 0.082 143.2)
- OKLab
- oklab(0.301 -0.065 0.049)
- CIE Lab
- lab(19.92 -22.22 20.54)
- LCH
- lch(19.92 30.26 137.2)
- CMYK
- cmyk(73% 0% 73% 78%)
틴트 · 셰이드 · 톤
틴트
- 264A25
- 3D5C3B
- 536F51
- 6A8268
- 819680
- 99AA98
- B2BFB1
- CBD4CA
- E5E9E4
셰이드
- 0B2F0B
- 082708
- 051F05
- 031703
- 020F02
- 010801
- 000400
- 000100
- 000000
톤
- 1C3F1B
- 274626
- 324D31
- 3D543C
- 485C47
- 536352
- 5E6A5D
- 697169
- 757974
색 조화
보색 +180°
- 0F380F
Gameboy Contrast
- 411E45
≈ Purple Void
유사색 -30° +30°
- 0F380F
Gameboy Contrast
- 2F3100
≈ Wasabi Nori
- 00372B
≈ Coach Green
삼각 배색 +120° +240°
- 0F380F
Gameboy Contrast
- 182C57
≈ Ultramarine Violet
- 501A1A
≈ Vino Tinto
분열 보색 +150° +210°
- 0F380F
Gameboy Contrast
- 312453
≈ Stormy Night
- 4C1932
≈ Chilli Black Red
사각 배색 +90° +180° +270°
- 0F380F
Gameboy Contrast
- 003348
≈ Cosmos Blue
- 411E45
≈ Purple Void
- 4B2100
≈ Chrysophobia
대비 및 접근성
Ag
AAA흰색 위
WCAG 13.18:1 · APCA Lc 99
Ag
Fail검은색 위
WCAG 1.59:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 13.18:1 (AAA) · APCA Lc 99
Contrast pairs
코드 스니펫
CSS
:root {
--gameboy-contrast: #0f380f;
--gameboy-contrast-rgb: 15 56 15;
--gameboy-contrast-oklch: oklch(0.301 0.082 143.2);
}
.element {
color: var(--gameboy-contrast);
background-color: hsl(120 58% 14%);
border-color: oklch(0.301 0.082 143.2);
}Tailwind CSS v4
@theme {
--color-gameboy-contrast: #0f380f;
--color-gameboy-contrast-50: #e7fce7;
--color-gameboy-contrast-100: #d8f0d8;
--color-gameboy-contrast-200: #bfdebf;
--color-gameboy-contrast-300: #9ec39e;
--color-gameboy-contrast-400: #82ab7f;
--color-gameboy-contrast-500: #659462;
--color-gameboy-contrast-600: #567d54;
--color-gameboy-contrast-700: #446443;
--color-gameboy-contrast-800: #324a2f;
--color-gameboy-contrast-900: #223320;
--color-gameboy-contrast-950: #111f0f;
}SCSS
$gameboy-contrast: #0f380f;
$gameboy-contrast-rgb: 15, 56, 15;
$gameboy-contrast-light: mix(#fff, $gameboy-contrast, 20%);
$gameboy-contrast-dark: mix(#000, $gameboy-contrast, 20%);
.element {
color: $gameboy-contrast;
box-shadow: 0 0 0 2px rgba($gameboy-contrast, 0.35);
}