Benannte Farbe · #6EA43C
Festival Green
Festival Green ist #6EA43C: rgb(110 164 60), hsl(91 46% 44%), oklch(0.659 0.147 132.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Festival Green color name →
#6EA43C
oklch(0.659 0.147 132.5)
Farbumrechnungen
- HEX
- #6ea43c
- RGB
- rgb(110 164 60)
- HSL
- hsl(91 46% 44%)
- HWB
- hwb(91 24% 36%)
- OKLCH
- oklch(0.659 0.147 132.5)
- OKLab
- oklab(0.659 -0.099 0.109)
- CIE Lab
- lab(61.96 -31.71 46.33)
- LCH
- lch(61.96 56.14 124.4)
- CMYK
- cmyk(33% 0% 63% 36%)
Tints · Shades · Tones
Tints
- 7CAD53
- 8AB667
- 98C07B
- A7C98E
- B5D2A1
- C4DBB3
- D2E4C6
- E1EDD9
- F0F6EC
Shades
- 5F8E33
- 50792A
- 416421
- 335019
- 263D11
- 192B0A
- 0E1A04
- 040A01
- 010100
Tones
- 70A146
- 729D4F
- 749A57
- 76965E
- 789364
- 7A8F6A
- 7B8B70
- 7D8876
- 7F847B
Farbharmonien
Komplementär +180°
- 6EA43C
Festival Green
- B075D2
≈ Lavender
Analog -30° +30°
- 6EA43C
Festival Green
- A39400
≈ Rapeseed Oil
- 00AC77
≈ Bright Camouflage
Triadisch +120° +240°
- 6EA43C
Festival Green
- 4795E9
≈ Olympic Blue
- DC6779
≈ Feverish
Geteilt komplementär +150° +210°
- 6EA43C
Festival Green
- 8684E8
≈ Indigo Bloom
- CD6AAA
≈ Super Pink
Tetradisch +90° +180° +270°
- 6EA43C
Festival Green
- 00A1C7
≈ Resonant Blue
- B075D2
≈ Lavender
- DA6F42
≈ Field Poppy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.98:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.03:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.03:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--festival-green: #6ea43c;
--festival-green-rgb: 110 164 60;
--festival-green-oklch: oklch(0.659 0.147 132.5);
}
.element {
color: var(--festival-green);
background-color: hsl(91 46% 44%);
border-color: oklch(0.659 0.147 132.5);
}Tailwind CSS v4
@theme {
--color-festival-green: #6ea43c;
--color-festival-green-50: #e4ffd5;
--color-festival-green-100: #d4f3c2;
--color-festival-green-200: #bae3a3;
--color-festival-green-300: #97c87a;
--color-festival-green-400: #7cb04f;
--color-festival-green-500: #5e991d;
--color-festival-green-600: #50821c;
--color-festival-green-700: #406816;
--color-festival-green-800: #304c0a;
--color-festival-green-900: #213506;
--color-festival-green-950: #102000;
}SCSS
$festival-green: #6ea43c;
$festival-green-rgb: 110, 164, 60;
$festival-green-light: mix(#fff, $festival-green, 20%);
$festival-green-dark: mix(#000, $festival-green, 20%);
.element {
color: $festival-green;
box-shadow: 0 0 0 2px rgba($festival-green, 0.35);
}