Benannte Farbe · #0F380F
Gameboy Contrast
Gameboy Contrast ist #0F380F: rgb(15 56 15), hsl(120 58% 14%), oklch(0.301 0.082 143.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Gameboy Contrast color name →
#0F380F
oklch(0.301 0.082 143.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 264A25
- 3D5C3B
- 536F51
- 6A8268
- 819680
- 99AA98
- B2BFB1
- CBD4CA
- E5E9E4
Shades
- 0B2F0B
- 082708
- 051F05
- 031703
- 020F02
- 010801
- 000400
- 000100
- 000000
Tones
- 1C3F1B
- 274626
- 324D31
- 3D543C
- 485C47
- 536352
- 5E6A5D
- 697169
- 757974
Farbharmonien
Komplementär +180°
- 0F380F
Gameboy Contrast
- 411E45
≈ Purple Void
Analog -30° +30°
- 0F380F
Gameboy Contrast
- 2F3100
≈ Wasabi Nori
- 00372B
≈ Coach Green
Triadisch +120° +240°
- 0F380F
Gameboy Contrast
- 182C57
≈ Ultramarine Violet
- 501A1A
≈ Vino Tinto
Geteilt komplementär +150° +210°
- 0F380F
Gameboy Contrast
- 312453
≈ Stormy Night
- 4C1932
≈ Chilli Black Red
Tetradisch +90° +180° +270°
- 0F380F
Gameboy Contrast
- 003348
≈ Cosmos Blue
- 411E45
≈ Purple Void
- 4B2100
≈ Chrysophobia
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.18:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.59:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.18:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
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);
}