Benannte Farbe · #7DAF94
Nature Green
Nature Green ist #7DAF94: rgb(125 175 148), hsl(148 24% 59%), oklch(0.711 0.066 160.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Nature Green color name →
#7DAF94
oklch(0.711 0.066 160.5)
Farbumrechnungen
- HEX
- #7daf94
- RGB
- rgb(125 175 148)
- HSL
- hsl(148 24% 59%)
- HWB
- hwb(148 49% 31%)
- OKLCH
- oklch(0.711 0.066 160.5)
- OKLab
- oklab(0.711 -0.062 0.022)
- CIE Lab
- lab(67.34 -21.61 8.31)
- LCH
- lch(67.34 23.16 159)
- CMYK
- cmyk(29% 0% 15% 31%)
Tints · Shades · Tones
Tints
- 8AB79E
- 97BFA9
- A4C7B3
- B1CFBE
- BED7C8
- CBDFD3
- D8E7DE
- E5EFE9
- F2F7F4
Shades
- 6C9880
- 5B816D
- 4B6B5A
- 3B5648
- 2C4136
- 1E2E26
- 111C16
- 050B08
- 010101
Tones
- 7EAA92
- 7EA690
- 7FA18E
- 809C8C
- 80978A
- 809388
- 808E86
- 808984
- 808582
Farbharmonien
Komplementär +180°
- 7DAF94
Nature Green
- BF92AE
≈ Mauve Magic
Analog -30° +30°
- 7DAF94
Nature Green
- 94AB7F
≈ Forest Shade
- 6FAFAB
≈ Turquoise Fantasies
Triadisch +120° +240°
- 7DAF94
Nature Green
- 999ECB
≈ Fields of Heather
- C79482
≈ Café Crème
Geteilt komplementär +150° +210°
- 7DAF94
Nature Green
- AF97C1
≈ Atlantic Tulip
- C79198
≈ Garnet Shadow
Tetradisch +90° +180° +270°
- 7DAF94
Nature Green
- 83A5CA
≈ High Tide
- BF92AE
≈ Mauve Magic
- BD9B74
≈ Coriander Powder
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.49:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.43:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--nature-green: #7daf94;
--nature-green-rgb: 125 175 148;
--nature-green-oklch: oklch(0.711 0.066 160.5);
}
.element {
color: var(--nature-green);
background-color: hsl(148 24% 59%);
border-color: oklch(0.711 0.066 160.5);
}Tailwind CSS v4
@theme {
--color-nature-green: #7daf94;
--color-nature-green-50: #e5fcf0;
--color-nature-green-100: #d5efe1;
--color-nature-green-200: #bcdecc;
--color-nature-green-300: #99c3ad;
--color-nature-green-400: #7cab91;
--color-nature-green-500: #5d9477;
--color-nature-green-600: #4f7d65;
--color-nature-green-700: #3f6451;
--color-nature-green-800: #2e4a3a;
--color-nature-green-900: #1f3328;
--color-nature-green-950: #0f1f16;
}SCSS
$nature-green: #7daf94;
$nature-green-rgb: 125, 175, 148;
$nature-green-light: mix(#fff, $nature-green, 20%);
$nature-green-dark: mix(#000, $nature-green, 20%);
.element {
color: $nature-green;
box-shadow: 0 0 0 2px rgba($nature-green, 0.35);
}