Benannte Farbe · #77BE52
Taurus Forest Fern
Taurus Forest Fern ist #77BE52: rgb(119 190 82), hsl(99 45% 53%), oklch(0.731 0.159 136.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Taurus Forest Fern color name →
#77BE52
oklch(0.731 0.159 136.2)
Farbumrechnungen
- HEX
- #77be52
- RGB
- rgb(119 190 82)
- HSL
- hsl(99 45% 53%)
- HWB
- hwb(99 32% 25%)
- OKLCH
- oklch(0.731 0.159 136.2)
- OKLab
- oklab(0.731 -0.115 0.11)
- CIE Lab
- lab(70.55 -37.73 46.18)
- LCH
- lch(70.55 59.63 129.2)
- CMYK
- cmyk(37% 0% 57% 25%)
Tints · Shades · Tones
Tints
- 85C566
- 93CC78
- A0D289
- AED99B
- BBDFAB
- C9E6BC
- D6ECCD
- E4F3DE
- F1F9EE
Shades
- 67A546
- 578C3B
- 47752F
- 385E25
- 2A481A
- 1C3311
- 101F08
- 050D02
- 010200
Tones
- 79B859
- 7AB25F
- 7BAC65
- 7DA66A
- 7E9F6E
- 7E9972
- 7F9376
- 7F8D7A
- 80867D
Farbharmonien
Komplementär +180°
- 77BE52
Taurus Forest Fern
- CF86EB
≈ Lavender Perceptions
Analog -30° +30°
- 77BE52
Taurus Forest Fern
- B5AD00
≈ Fusion
- 00C592
≈ Píng Gǔo Lǜ Green
Triadisch +120° +240°
- 77BE52
Taurus Forest Fern
- 6AAAFF
≈ Fennel Flower
- FC7985
≈ Anime Blush
Geteilt komplementär +150° +210°
- 77BE52
Taurus Forest Fern
- A198FF
≈ Cobalite
- ED7BBD
≈ Fuchsia Blush
Tetradisch +90° +180° +270°
- 77BE52
Taurus Forest Fern
- 00B9EB
≈ Cyanite
- CF86EB
≈ Lavender Perceptions
- F78448
≈ Sè Lèi Orange
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.26:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.27:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--taurus-forest-fern: #77be52;
--taurus-forest-fern-rgb: 119 190 82;
--taurus-forest-fern-oklch: oklch(0.731 0.159 136.2);
}
.element {
color: var(--taurus-forest-fern);
background-color: hsl(99 45% 53%);
border-color: oklch(0.731 0.159 136.2);
}Tailwind CSS v4
@theme {
--color-taurus-forest-fern: #77be52;
--color-taurus-forest-fern-50: #dfffd5;
--color-taurus-forest-fern-100: #cef5c2;
--color-taurus-forest-fern-200: #b3e5a2;
--color-taurus-forest-fern-300: #8ecb79;
--color-taurus-forest-fern-400: #70b34e;
--color-taurus-forest-fern-500: #4f9c18;
--color-taurus-forest-fern-600: #448419;
--color-taurus-forest-fern-700: #366a14;
--color-taurus-forest-fern-800: #294e07;
--color-taurus-forest-fern-900: #1c3605;
--color-taurus-forest-fern-950: #0c2100;
}SCSS
$taurus-forest-fern: #77be52;
$taurus-forest-fern-rgb: 119, 190, 82;
$taurus-forest-fern-light: mix(#fff, $taurus-forest-fern, 20%);
$taurus-forest-fern-dark: mix(#000, $taurus-forest-fern, 20%);
.element {
color: $taurus-forest-fern;
box-shadow: 0 0 0 2px rgba($taurus-forest-fern, 0.35);
}