Benannte Farbe · #758A5F
Fern Canopy
Fern Canopy ist #758A5F: rgb(117 138 95), hsl(89 18% 46%), oklch(0.605 0.067 129.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Fern Canopy color name →
#758A5F
oklch(0.605 0.067 129.4)
Farbumrechnungen
- HEX
- #758a5f
- RGB
- rgb(117 138 95)
- HSL
- hsl(89 18% 46%)
- HWB
- hwb(89 37% 46%)
- OKLCH
- oklch(0.605 0.067 129.4)
- OKLab
- oklab(0.605 -0.042 0.052)
- CIE Lab
- lab(54.94 -13.89 20.49)
- LCH
- lch(54.94 24.76 124.1)
- CMYK
- cmyk(15% 0% 31% 46%)
Tints · Shades · Tones
Tints
- 82956E
- 8FA17E
- 9CAC8D
- AAB89D
- B8C3AD
- C6CFBD
- D4DBCD
- E2E7DE
- F0F3EE
Shades
- 657752
- 556544
- 465338
- 37422C
- 293220
- 1C2215
- 0F140A
- 050703
- 010100
Tones
- 768963
- 778866
- 78876A
- 79866D
- 7B8570
- 7C8473
- 7D8377
- 7E827A
- 7F817D
Farbharmonien
Komplementär +180°
- 758A5F
Fern Canopy
- 8E77A0
≈ Pickled Purple
Analog -30° +30°
- 758A5F
Fern Canopy
- 8B8353
≈ Aged Eucalyptus
- 5E8E74
≈ Alexandrite Green
Triadisch +120° +240°
- 758A5F
Fern Canopy
- 6285A9
≈ Moody Indigo
- A57179
≈ Turkish Rose
Geteilt komplementär +150° +210°
- 758A5F
Fern Canopy
- 797EAA
≈ Roseine Plum
- 9D728F
≈ Rebel Rouser
Tetradisch +90° +180° +270°
- 758A5F
Fern Canopy
- 518C9D
≈ Stratford Blue
- 8E77A0
≈ Pickled Purple
- A57464
≈ Toasted Nutmeg
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.77:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.55:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.55:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--fern-canopy: #758a5f;
--fern-canopy-rgb: 117 138 95;
--fern-canopy-oklch: oklch(0.605 0.067 129.4);
}
.element {
color: var(--fern-canopy);
background-color: hsl(89 18% 46%);
border-color: oklch(0.605 0.067 129.4);
}Tailwind CSS v4
@theme {
--color-fern-canopy: #758a5f;
--color-fern-canopy-50: #eefae6;
--color-fern-canopy-100: #e0edd6;
--color-fern-canopy-200: #cadbbd;
--color-fern-canopy-300: #abbf9c;
--color-fern-canopy-400: #92a77d;
--color-fern-canopy-500: #788f5f;
--color-fern-canopy-600: #667951;
--color-fern-canopy-700: #516141;
--color-fern-canopy-800: #3c472d;
--color-fern-canopy-900: #29311f;
--color-fern-canopy-950: #171d0e;
}SCSS
$fern-canopy: #758a5f;
$fern-canopy-rgb: 117, 138, 95;
$fern-canopy-light: mix(#fff, $fern-canopy, 20%);
$fern-canopy-dark: mix(#000, $fern-canopy, 20%);
.element {
color: $fern-canopy;
box-shadow: 0 0 0 2px rgba($fern-canopy, 0.35);
}