Benannte Farbe · #8FA174
Lady Fern
Lady Fern ist #8FA174: rgb(143 161 116), hsl(84 19% 54%), oklch(0.683 0.067 125.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Lady Fern color name →
#8FA174
oklch(0.683 0.067 125.8)
Farbumrechnungen
- HEX
- #8fa174
- RGB
- rgb(143 161 116)
- HSL
- hsl(84 19% 54%)
- HWB
- hwb(84 45% 37%)
- OKLCH
- oklch(0.683 0.067 125.8)
- OKLab
- oklab(0.683 -0.039 0.054)
- CIE Lab
- lab(63.93 -12.65 21.3)
- LCH
- lch(63.93 24.77 120.7)
- CMYK
- cmyk(11% 0% 28% 37%)
Tints · Shades · Tones
Tints
- 9AAA81
- A4B38F
- AFBD9D
- BAC6AA
- C6CFB8
- D1D9C6
- DCE2D4
- E8ECE2
- F3F5F1
Shades
- 7C8B64
- 697654
- 576245
- 454E37
- 343C29
- 242A1B
- 15190F
- 070905
- 010101
Tones
- 8D9E76
- 8C9A77
- 8A9778
- 89947A
- 87917B
- 868D7C
- 848A7D
- 83877E
- 81837F
Farbharmonien
Komplementär +180°
- 8FA174
Lady Fern
- A38FBA
≈ Yolanda
Analog -30° +30°
- 8FA174
Lady Fern
- A5996A
≈ Stilted Stalks
- 78A688
≈ Corporate Green
Triadisch +120° +240°
- 8FA174
Lady Fern
- 779EC0
≈ Key West Zenith
- BE8893
≈ Strawberry Jubilee
Geteilt komplementär +150° +210°
- 8FA174
Lady Fern
- 8D96C3
≈ Easter Egg
- B48AA9
≈ Fashionably Plum
Tetradisch +90° +180° +270°
- 8FA174
Lady Fern
- 67A4B3
≈ Seaside
- A38FBA
≈ Yolanda
- BE8B7D
≈ Foxen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.51:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--lady-fern: #8fa174;
--lady-fern-rgb: 143 161 116;
--lady-fern-oklch: oklch(0.683 0.067 125.8);
}
.element {
color: var(--lady-fern);
background-color: hsl(84 19% 54%);
border-color: oklch(0.683 0.067 125.8);
}Tailwind CSS v4
@theme {
--color-lady-fern: #8fa174;
--color-lady-fern-50: #f0f9e5;
--color-lady-fern-100: #e1edd5;
--color-lady-fern-200: #ccdabc;
--color-lady-fern-300: #aebe9a;
--color-lady-fern-400: #95a67b;
--color-lady-fern-500: #7b8e5d;
--color-lady-fern-600: #687850;
--color-lady-fern-700: #53603f;
--color-lady-fern-800: #3e462d;
--color-lady-fern-900: #2a311e;
--color-lady-fern-950: #181d0e;
}SCSS
$lady-fern: #8fa174;
$lady-fern-rgb: 143, 161, 116;
$lady-fern-light: mix(#fff, $lady-fern, 20%);
$lady-fern-dark: mix(#000, $lady-fern, 20%);
.element {
color: $lady-fern;
box-shadow: 0 0 0 2px rgba($lady-fern, 0.35);
}