Benannte Farbe · #78A300
Support Green
Support Green ist #78A300: rgb(120 163 0), hsl(76 100% 32%), oklch(0.659 0.168 126.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Support Green color name →
#78A300
oklch(0.659 0.168 126.2)
Farbumrechnungen
- HEX
- #78a300
- RGB
- rgb(120 163 0)
- HSL
- hsl(76 100% 32%)
- HWB
- hwb(76 0% 36%)
- OKLCH
- oklch(0.659 0.168 126.2)
- OKLab
- oklab(0.659 -0.099 0.136)
- CIE Lab
- lab(62.03 -29.44 62.73)
- LCH
- lch(62.03 69.3 115.1)
- CMYK
- cmyk(26% 0% 100% 36%)
Tints · Shades · Tones
Tints
- 85AC36
- 92B652
- 9FBF6A
- ACC880
- B9D296
- C7DBAB
- D5E4C0
- E3EDD5
- F1F6EA
Shades
- 678D00
- 577800
- 486300
- 394F00
- 2A3C00
- 1D2A00
- 101900
- 050A00
- 010100
Tones
- 79A026
- 7A9D38
- 7B9945
- 7B9650
- 7C925A
- 7D8F62
- 7E8B6A
- 7E8872
- 7F8479
Farbharmonien
Komplementär +180°
- 78A300
Support Green
- AC72E2
≈ Lavender
Analog -30° +30°
- 78A300
Support Green
- AB9100
≈ Bark Sawdust
- 00AE67
≈ Go Green!
Triadisch +120° +240°
- 78A300
Support Green
- 0998F1
≈ Fresh Blue of Bel Air
- E35E82
≈ Blush d’Amour
Geteilt komplementär +150° +210°
- 78A300
Support Green
- 7885F7
≈ Orchid
- CF64B8
≈ Pú Táo Zǐ Purple
Tetradisch +90° +180° +270°
- 78A300
Support Green
- 00A3C0
≈ Scuba Blue
- AC72E2
≈ Lavender
- E56542
≈ Emergency Zone
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.98:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.03:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.03:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--support-green: #78a300;
--support-green-rgb: 120 163 0;
--support-green-oklch: oklch(0.659 0.168 126.2);
}
.element {
color: var(--support-green);
background-color: hsl(76 100% 32%);
border-color: oklch(0.659 0.168 126.2);
}Tailwind CSS v4
@theme {
--color-support-green: #78a300;
--color-support-green-50: #e7ffcc;
--color-support-green-100: #d7f3b7;
--color-support-green-200: #bfe294;
--color-support-green-300: #9ec866;
--color-support-green-400: #85af2e;
--color-support-green-500: #6a9800;
--color-support-green-600: #5a8000;
--color-support-green-700: #486700;
--color-support-green-800: #364b00;
--color-support-green-900: #253400;
--color-support-green-950: #141f00;
}SCSS
$support-green: #78a300;
$support-green-rgb: 120, 163, 0;
$support-green-light: mix(#fff, $support-green, 20%);
$support-green-dark: mix(#000, $support-green, 20%);
.element {
color: $support-green;
box-shadow: 0 0 0 2px rgba($support-green, 0.35);
}