Benannte Farbe · #80BB66
Leafy Greens
Leafy Greens ist #80BB66: rgb(128 187 102), hsl(102 38% 57%), oklch(0.731 0.131 136.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Leafy Greens color name →
#80BB66
oklch(0.731 0.131 136.8)
Farbumrechnungen
- HEX
- #80bb66
- RGB
- rgb(128 187 102)
- HSL
- hsl(102 38% 57%)
- HWB
- hwb(102 40% 27%)
- OKLCH
- oklch(0.731 0.131 136.8)
- OKLab
- oklab(0.731 -0.096 0.09)
- CIE Lab
- lab(70.34 -31.65 36.54)
- LCH
- lch(70.34 48.35 130.9)
- CMYK
- cmyk(32% 0% 45% 27%)
Tints · Shades · Tones
Tints
- 8DC276
- 99C985
- A6D095
- B3D7A4
- BFDDB3
- CCE4C2
- D9EBD1
- E5F2E1
- F2F8F0
Shades
- 6EA258
- 5D8A4A
- 4D733C
- 3D5C2F
- 2E4623
- 1F3217
- 121F0C
- 060D04
- 010200
Tones
- 81B56A
- 81AF6D
- 81A970
- 81A473
- 819E76
- 819878
- 81927A
- 818C7C
- 80867E
Farbharmonien
Komplementär +180°
- 80BB66
Leafy Greens
- C98DDF
≈ Blush Essence
Analog -30° +30°
- 80BB66
Leafy Greens
- B2AD3E
≈ Friendly Frog
- 3EC296
≈ Macau
Triadisch +120° +240°
- 80BB66
Leafy Greens
- 70AAF9
≈ Fennel Flower
- EF848B
≈ Flamingo Dream
Geteilt komplementär +150° +210°
- 80BB66
Leafy Greens
- A39AF6
≈ Cobalite
- E384B8
≈ Fuchsia Blush
Tetradisch +90° +180° +270°
- 80BB66
Leafy Greens
- 2BB8E7
≈ Cyanite
- C98DDF
≈ Blush Essence
- EB8C5D
≈ Heat of Summer
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.27:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.21:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--leafy-greens: #80bb66;
--leafy-greens-rgb: 128 187 102;
--leafy-greens-oklch: oklch(0.731 0.131 136.8);
}
.element {
color: var(--leafy-greens);
background-color: hsl(102 38% 57%);
border-color: oklch(0.731 0.131 136.8);
}Tailwind CSS v4
@theme {
--color-leafy-greens: #80bb66;
--color-leafy-greens-50: #e3ffdb;
--color-leafy-greens-100: #d2f3c9;
--color-leafy-greens-200: #b8e2ac;
--color-leafy-greens-300: #95c886;
--color-leafy-greens-400: #79b060;
--color-leafy-greens-500: #5a993b;
--color-leafy-greens-600: #4d8233;
--color-leafy-greens-700: #3d6828;
--color-leafy-greens-800: #2e4c19;
--color-leafy-greens-900: #1f3510;
--color-leafy-greens-950: #0e2003;
}SCSS
$leafy-greens: #80bb66;
$leafy-greens-rgb: 128, 187, 102;
$leafy-greens-light: mix(#fff, $leafy-greens, 20%);
$leafy-greens-dark: mix(#000, $leafy-greens, 20%);
.element {
color: $leafy-greens;
box-shadow: 0 0 0 2px rgba($leafy-greens, 0.35);
}