Benannte Farbe · #8AC479
Applegate
Applegate ist #8AC479: rgb(138 196 121), hsl(106 39% 62%), oklch(0.762 0.12 138.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Applegate color name →
#8AC479
oklch(0.762 0.12 138.8)
Farbumrechnungen
- HEX
- #8ac479
- RGB
- rgb(138 196 121)
- HSL
- hsl(106 39% 62%)
- HWB
- hwb(106 47% 23%)
- OKLCH
- oklch(0.762 0.12 138.8)
- OKLab
- oklab(0.762 -0.09 0.079)
- CIE Lab
- lab(73.8 -30.12 31.45)
- LCH
- lch(73.8 43.55 133.8)
- CMYK
- cmyk(30% 0% 38% 23%)
Tints · Shades · Tones
Tints
- 96CA87
- A2D094
- ADD6A1
- B9DCAF
- C4E2BC
- D0E8C9
- DCEED7
- E8F3E4
- F3F9F2
Shades
- 77AA68
- 659158
- 537848
- 426139
- 324A2B
- 22351D
- 142110
- 070E05
- 010201
Tones
- 89BD7A
- 89B67C
- 88AF7D
- 87A97E
- 86A27E
- 859B7F
- 84947F
- 838E80
- 818780
Farbharmonien
Komplementär +180°
- 8AC479
Applegate
- D299E2
≈ Somewhere in a Fairytale
Analog -30° +30°
- 8AC479
Applegate
- B8B857
≈ Parachute
- 56CAA4
≈ Diroset
Triadisch +120° +240°
- 8AC479
Applegate
- 83B3FD
≈ Parakeet Blue
- F49194
≈ Fruity Licious
Geteilt komplementär +150° +210°
- 8AC479
Applegate
- AFA5F9
≈ Shy Moment
- EA91BE
≈ Chewing Gum Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.04:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.25:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.25:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--applegate: #8ac479;
--applegate-rgb: 138 196 121;
--applegate-oklch: oklch(0.762 0.12 138.8);
}
.element {
color: var(--applegate);
background-color: hsl(106 39% 62%);
border-color: oklch(0.762 0.12 138.8);
}Tailwind CSS v4
@theme {
--color-applegate: #8ac479;
--color-applegate-50: #e3fede;
--color-applegate-100: #d3f2cd;
--color-applegate-200: #b9e2b2;
--color-applegate-300: #96c78d;
--color-applegate-400: #79af69;
--color-applegate-500: #5a9947;
--color-applegate-600: #4d813d;
--color-applegate-700: #3d6731;
--color-applegate-800: #2e4c20;
--color-applegate-900: #1f3515;
--color-applegate-950: #0e2007;
}SCSS
$applegate: #8ac479;
$applegate-rgb: 138, 196, 121;
$applegate-light: mix(#fff, $applegate, 20%);
$applegate-dark: mix(#000, $applegate, 20%);
.element {
color: $applegate;
box-shadow: 0 0 0 2px rgba($applegate, 0.35);
}