Colore con nome · #6AA84F
Fern Flash
Fern Flash è #6AA84F: rgb(106 168 79), hsl(102 36% 48%), oklch(0.669 0.138 137.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Fern Flash color name →
#6AA84F
oklch(0.669 0.138 137.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 79B162
- 88BA74
- 96C285
- A5CB96
- B4D4A8
- C3DCB9
- D2E5CA
- E1EEDC
- F0F6ED
Ombre
- 5B9244
- 4D7C38
- 3F672E
- 315223
- 243F19
- 182C10
- 0D1A07
- 040A02
- 000100
Toni
- 6DA456
- 70A05C
- 729C61
- 759966
- 77956B
- 799170
- 7B8D74
- 7D8878
- 7E847C
Armonie di colore
Complementare +180°
- 6AA84F
Fern Flash
- B778CC
≈ Lavendless
Analogo -30° +30°
- 6AA84F
Fern Flash
- 9F9A16
≈ Papyrus
- 00AF83
≈ Dark Mountain Meadow
Triadico +120° +240°
- 6AA84F
Fern Flash
- 5B96E8
≈ United Nations Blue
- DC6E76
≈ Lantana
Complementare divisa +150° +210°
- 6AA84F
Fern Flash
- 9086E5
≈ Perrywinkle
- D16FA5
≈ Super Pink
Tetradico +90° +180° +270°
- 6AA84F
Fern Flash
- 00A4D2
≈ Charybdis
- B778CC
≈ Lavendless
- D87744
≈ Japanese Koi
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.86:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.32:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
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);
}