Benannte Farbe · #7DCC98
Garden Glow
Garden Glow ist #7DCC98: rgb(125 204 152), hsl(141 44% 65%), oklch(0.78 0.108 154.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Garden Glow color name →
#7DCC98
oklch(0.78 0.108 154.3)
Farbumrechnungen
- HEX
- #7dcc98
- RGB
- rgb(125 204 152)
- HSL
- hsl(141 44% 65%)
- HWB
- hwb(141 49% 20%)
- OKLCH
- oklch(0.78 0.108 154.3)
- OKLab
- oklab(0.78 -0.098 0.047)
- CIE Lab
- lab(75.92 -33.88 18.04)
- LCH
- lch(75.92 38.38 152)
- CMYK
- cmyk(39% 0% 25% 20%)
Tints · Shades · Tones
Tints
- 8BD1A2
- 99D6AC
- A6DCB6
- B3E1C1
- C0E6CB
- CDEBD5
- D9F0E0
- E6F5EA
- F2FAF4
Shades
- 6CB184
- 5B9770
- 4B7E5C
- 3B654A
- 2C4E38
- 1E3727
- 112217
- 050F08
- 010201
Tones
- 7EC496
- 80BD93
- 81B591
- 81AD8F
- 82A68C
- 829E8A
- 829788
- 818F85
- 818783
Farbharmonien
Komplementär +180°
- 7DCC98
Garden Glow
- E29DD4
≈ Exotic Violet
Analog -30° +30°
- 7DCC98
Garden Glow
- A9C375
≈ Valley View
- 58CEBF
≈ Peppy Peacock
Triadisch +120° +240°
- 7DCC98
Garden Glow
- A2B2FD
≈ Wondrous Wisteria
- F49E89
≈ Poppy Petal
Geteilt komplementär +150° +210°
- 7DCC98
Garden Glow
- C7A6F0
≈ Lavender Cream
- F29AAF
≈ Flower Girl
Tetradisch +90° +180° +270°
- 7DCC98
Garden Glow
- 79BFF8
≈ Maya Blue
- E29DD4
≈ Exotic Violet
- E8A86B
≈ Ninjin Orange
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.91:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 10.96:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--garden-glow: #7dcc98;
--garden-glow-rgb: 125 204 152;
--garden-glow-oklch: oklch(0.78 0.108 154.3);
}
.element {
color: var(--garden-glow);
background-color: hsl(141 44% 65%);
border-color: oklch(0.78 0.108 154.3);
}Tailwind CSS v4
@theme {
--color-garden-glow: #7dcc98;
--color-garden-glow-50: #ddffe9;
--color-garden-glow-100: #ccf3d9;
--color-garden-glow-200: #afe3c1;
--color-garden-glow-300: #89c8a1;
--color-garden-glow-400: #68b181;
--color-garden-glow-500: #419b65;
--color-garden-glow-600: #398356;
--color-garden-glow-700: #2d6944;
--color-garden-glow-800: #214d2f;
--color-garden-glow-900: #163620;
--color-garden-glow-950: #072110;
}SCSS
$garden-glow: #7dcc98;
$garden-glow-rgb: 125, 204, 152;
$garden-glow-light: mix(#fff, $garden-glow, 20%);
$garden-glow-dark: mix(#000, $garden-glow, 20%);
.element {
color: $garden-glow;
box-shadow: 0 0 0 2px rgba($garden-glow, 0.35);
}