Colore con nome · #758A5F
Fern Canopy
Fern Canopy è #758A5F: rgb(117 138 95), hsl(89 18% 46%), oklch(0.605 0.067 129.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Fern Canopy color name →
#758A5F
oklch(0.605 0.067 129.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 82956E
- 8FA17E
- 9CAC8D
- AAB89D
- B8C3AD
- C6CFBD
- D4DBCD
- E2E7DE
- F0F3EE
Ombre
- 657752
- 556544
- 465338
- 37422C
- 293220
- 1C2215
- 0F140A
- 050703
- 010100
Toni
- 768963
- 778866
- 78876A
- 79866D
- 7B8570
- 7C8473
- 7D8377
- 7E827A
- 7F817D
Armonie di colore
Complementare +180°
- 758A5F
Fern Canopy
- 8E77A0
≈ Pickled Purple
Analogo -30° +30°
- 758A5F
Fern Canopy
- 8B8353
≈ Aged Eucalyptus
- 5E8E74
≈ Alexandrite Green
Triadico +120° +240°
- 758A5F
Fern Canopy
- 6285A9
≈ Moody Indigo
- A57179
≈ Turkish Rose
Complementare divisa +150° +210°
- 758A5F
Fern Canopy
- 797EAA
≈ Roseine Plum
- 9D728F
≈ Rebel Rouser
Tetradico +90° +180° +270°
- 758A5F
Fern Canopy
- 518C9D
≈ Stratford Blue
- 8E77A0
≈ Pickled Purple
- A57464
≈ Toasted Nutmeg
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.77:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.55:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.55:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
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);
}