Benannte Farbe · #9FB289
Easy Green
Easy Green ist #9FB289: rgb(159 178 137), hsl(88 21% 62%), oklch(0.738 0.061 128). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Easy Green color name →
#9FB289
oklch(0.738 0.061 128)
Farbumrechnungen
- HEX
- #9fb289
- RGB
- rgb(159 178 137)
- HSL
- hsl(88 21% 62%)
- HWB
- hwb(88 54% 30%)
- OKLCH
- oklch(0.738 0.061 128)
- OKLab
- oklab(0.738 -0.038 0.048)
- CIE Lab
- lab(70.28 -12.38 18.74)
- LCH
- lch(70.28 22.46 123.5)
- CMYK
- cmyk(11% 0% 23% 30%)
Tints · Shades · Tones
Tints
- A8BA94
- B2C1A0
- BBC9AC
- C4D0B7
- CED8C3
- D8E0CF
- E1E8DB
- EBEFE7
- F5F7F3
Shades
- 8A9A76
- 758364
- 616D53
- 4D5742
- 3B4331
- 292F22
- 181D14
- 090C07
- 010101
Tones
- 9CAD88
- 99A888
- 96A387
- 929E86
- 8F9985
- 8C9484
- 898F83
- 868A82
- 838581
Farbharmonien
Komplementär +180°
- 9FB289
Easy Green
- B5A0C8
≈ Berry Frappé
Analog -30° +30°
- 9FB289
Easy Green
- B4AB7F
≈ Water Reed
- 8AB69C
≈ Summer Green
Triadisch +120° +240°
- 9FB289
Easy Green
- 8CAECF
≈ Ocean Bubble
- CD9BA3
≈ Edwardian Rose
Geteilt komplementär +150° +210°
- 9FB289
Easy Green
- A1A7D1
≈ Venus Flower
- C49CB8
≈ Idyllic Pink
Tetradisch +90° +180° +270°
- 9FB289
Easy Green
- 7EB4C4
≈ Tennis Blue
- B5A0C8
≈ Berry Frappé
- CD9E8F
≈ Artefact
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.28:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.20:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--easy-green: #9fb289;
--easy-green-rgb: 159 178 137;
--easy-green-oklch: oklch(0.738 0.061 128);
}
.element {
color: var(--easy-green);
background-color: hsl(88 21% 62%);
border-color: oklch(0.738 0.061 128);
}Tailwind CSS v4
@theme {
--color-easy-green: #9fb289;
--color-easy-green-50: #eff9e7;
--color-easy-green-100: #e1ecd7;
--color-easy-green-200: #ccdabf;
--color-easy-green-300: #adbe9e;
--color-easy-green-400: #94a67f;
--color-easy-green-500: #7a8e62;
--color-easy-green-600: #687854;
--color-easy-green-700: #536043;
--color-easy-green-800: #3d462f;
--color-easy-green-900: #2a3120;
--color-easy-green-950: #181d0f;
}SCSS
$easy-green: #9fb289;
$easy-green-rgb: 159, 178, 137;
$easy-green-light: mix(#fff, $easy-green, 20%);
$easy-green-dark: mix(#000, $easy-green, 20%);
.element {
color: $easy-green;
box-shadow: 0 0 0 2px rgba($easy-green, 0.35);
}