Benannte Farbe · #6AA84F
Fern Flash
Fern Flash ist #6AA84F: rgb(106 168 79), hsl(102 36% 48%), oklch(0.669 0.138 137.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Fern Flash color name →
#6AA84F
oklch(0.669 0.138 137.1)
Farbumrechnungen
- HEX
- #6aa84f
- RGB
- rgb(106 168 79)
- HSL
- hsl(102 36% 48%)
- HWB
- hwb(102 31% 34%)
- OKLCH
- oklch(0.669 0.138 137.1)
- OKLab
- oklab(0.669 -0.101 0.094)
- CIE Lab
- lab(63.14 -33.36 38.86)
- LCH
- lch(63.14 51.21 130.6)
- CMYK
- cmyk(37% 0% 53% 34%)
Tints · Shades · Tones
Tints
- 79B162
- 88BA74
- 96C285
- A5CB96
- B4D4A8
- C3DCB9
- D2E5CA
- E1EEDC
- F0F6ED
Shades
- 5B9244
- 4D7C38
- 3F672E
- 315223
- 243F19
- 182C10
- 0D1A07
- 040A02
- 000100
Tones
- 6DA456
- 70A05C
- 729C61
- 759966
- 77956B
- 799170
- 7B8D74
- 7D8878
- 7E847C
Farbharmonien
Komplementär +180°
- 6AA84F
Fern Flash
- B778CC
≈ Lavendless
Analog -30° +30°
- 6AA84F
Fern Flash
- 9F9A16
≈ Papyrus
- 00AF83
≈ Dark Mountain Meadow
Triadisch +120° +240°
- 6AA84F
Fern Flash
- 5B96E8
≈ United Nations Blue
- DC6E76
≈ Lantana
Geteilt komplementär +150° +210°
- 6AA84F
Fern Flash
- 9086E5
≈ Perrywinkle
- D16FA5
≈ Super Pink
Tetradisch +90° +180° +270°
- 6AA84F
Fern Flash
- 00A4D2
≈ Charybdis
- B778CC
≈ Lavendless
- D87744
≈ Japanese Koi
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.86:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.32:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--fern-flash: #6aa84f;
--fern-flash-rgb: 106 168 79;
--fern-flash-oklch: oklch(0.669 0.138 137.1);
}
.element {
color: var(--fern-flash);
background-color: hsl(102 36% 48%);
border-color: oklch(0.669 0.138 137.1);
}Tailwind CSS v4
@theme {
--color-fern-flash: #6aa84f;
--color-fern-flash-50: #e2ffda;
--color-fern-flash-100: #d1f4c8;
--color-fern-flash-200: #b6e3aa;
--color-fern-flash-300: #93c984;
--color-fern-flash-400: #76b15d;
--color-fern-flash-500: #569a35;
--color-fern-flash-600: #4a822f;
--color-fern-flash-700: #3a6925;
--color-fern-flash-800: #2c4c16;
--color-fern-flash-900: #1e350e;
--color-fern-flash-950: #0d2002;
}SCSS
$fern-flash: #6aa84f;
$fern-flash-rgb: 106, 168, 79;
$fern-flash-light: mix(#fff, $fern-flash, 20%);
$fern-flash-dark: mix(#000, $fern-flash, 20%);
.element {
color: $fern-flash;
box-shadow: 0 0 0 2px rgba($fern-flash, 0.35);
}