Benannte Farbe · #699D4C
Flat Green
Flat Green ist #699D4C: rgb(105 157 76), hsl(99 35% 46%), oklch(0.64 0.125 135.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Flat Green color name →
#699D4C
oklch(0.64 0.125 135.5)
Farbumrechnungen
- HEX
- #699d4c
- RGB
- rgb(105 157 76)
- HSL
- hsl(99 35% 46%)
- HWB
- hwb(99 30% 38%)
- OKLCH
- oklch(0.64 0.125 135.5)
- OKLab
- oklab(0.64 -0.089 0.088)
- CIE Lab
- lab(59.66 -29.29 36.22)
- LCH
- lch(59.66 46.58 129)
- CMYK
- cmyk(33% 0% 52% 38%)
Tints · Shades · Tones
Tints
- 78A75F
- 86B171
- 95BA82
- A4C494
- B3CEA5
- C2D8B7
- D1E2C9
- E0EBDB
- EFF5ED
Shades
- 5A8841
- 4C7336
- 3E5F2C
- 314C22
- 243A18
- 18280F
- 0C1806
- 040902
- 000100
Tones
- 6C9A53
- 6E9859
- 71955F
- 739264
- 768F69
- 788C6E
- 7A8973
- 7C8677
- 7E837C
Farbharmonien
Komplementär +180°
- 699D4C
Flat Green
- A973C0
≈ Soft Purple
Analog -30° +30°
- 699D4C
Flat Green
- 979021
≈ Nurgle’s Rot
- 22A47A
≈ Active Green
Triadisch +120° +240°
- 699D4C
Flat Green
- 568ED7
≈ Blue Dart
- CD6A73
≈ Mexican Chile
Geteilt komplementär +150° +210°
- 699D4C
Flat Green
- 8680D5
≈ Indigo Bloom
- C16B9D
≈ Crocus
Tetradisch +90° +180° +270°
- 699D4C
Flat Green
- 009BC4
≈ Blue Ocean
- A973C0
≈ Soft Purple
- CA7147
≈ Red Damask
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.21:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.52:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--flat-green: #699d4c;
--flat-green-rgb: 105 157 76;
--flat-green-oklch: oklch(0.64 0.125 135.5);
}
.element {
color: var(--flat-green);
background-color: hsl(99 35% 46%);
border-color: oklch(0.64 0.125 135.5);
}Tailwind CSS v4
@theme {
--color-flat-green: #699d4c;
--color-flat-green-50: #e5fedb;
--color-flat-green-100: #d4f2ca;
--color-flat-green-200: #bbe1ad;
--color-flat-green-300: #98c787;
--color-flat-green-400: #7daf62;
--color-flat-green-500: #5f983d;
--color-flat-green-600: #518135;
--color-flat-green-700: #40672a;
--color-flat-green-800: #304b1b;
--color-flat-green-900: #213411;
--color-flat-green-950: #102004;
}SCSS
$flat-green: #699d4c;
$flat-green-rgb: 105, 157, 76;
$flat-green-light: mix(#fff, $flat-green, 20%);
$flat-green-dark: mix(#000, $flat-green, 20%);
.element {
color: $flat-green;
box-shadow: 0 0 0 2px rgba($flat-green, 0.35);
}