Benannte Farbe · #80C4A9
Green Balloon
Green Balloon ist #80C4A9: rgb(128 196 169), hsl(156 37% 64%), oklch(0.767 0.08 167.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Balloon color name →
#80C4A9
oklch(0.767 0.08 167.3)
Farbumrechnungen
- HEX
- #80c4a9
- RGB
- rgb(128 196 169)
- HSL
- hsl(156 37% 64%)
- HWB
- hwb(156 50% 23%)
- OKLCH
- oklch(0.767 0.08 167.3)
- OKLab
- oklab(0.767 -0.078 0.017)
- CIE Lab
- lab(74.05 -26.95 6.44)
- LCH
- lch(74.05 27.71 166.6)
- CMYK
- cmyk(35% 0% 14% 23%)
Tints · Shades · Tones
Tints
- 8DCAB1
- 9AD0BA
- A7D6C2
- B4DCCB
- C1E2D3
- CDE7DC
- DAEDE5
- E6F3ED
- F3F9F6
Shades
- 6EAA92
- 5D917C
- 4D7867
- 3D6153
- 2E4A3F
- 1F352C
- 12211B
- 060E0A
- 010201
Tones
- 81BDA5
- 82B6A1
- 82AF9D
- 82A898
- 82A294
- 829B90
- 82948C
- 818D88
- 818784
Farbharmonien
Komplementär +180°
- 80C4A9
Green Balloon
- DA9FBD
≈ Pink Begonia
Analog -30° +30°
- 80C4A9
Green Balloon
- 9BC08E
≈ Olive Sand
- 72C3C5
≈ Luna Moona
Triadisch +120° +240°
- 80C4A9
Green Balloon
- B0ACE4
≈ Maximum Blue Purple
- DEA488
≈ Peach Nougat
Geteilt komplementär +150° +210°
- 80C4A9
Green Balloon
- C8A4D5
≈ Lilac Lace
- E29FA1
≈ Pale Berry
Tetradisch +90° +180° +270°
- 80C4A9
Green Balloon
- 93B5E6
≈ Adrift on the Nile
- DA9FBD
≈ Pink Begonia
- D0AD79
≈ Rye
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.02:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.38:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--green-balloon: #80c4a9;
--green-balloon-rgb: 128 196 169;
--green-balloon-oklch: oklch(0.767 0.08 167.3);
}
.element {
color: var(--green-balloon);
background-color: hsl(156 37% 64%);
border-color: oklch(0.767 0.08 167.3);
}Tailwind CSS v4
@theme {
--color-green-balloon: #80c4a9;
--color-green-balloon-50: #e0fdf1;
--color-green-balloon-100: #cff1e3;
--color-green-balloon-200: #b4e0cf;
--color-green-balloon-300: #8fc5b1;
--color-green-balloon-400: #6eae95;
--color-green-balloon-500: #4b977b;
--color-green-balloon-600: #418068;
--color-green-balloon-700: #336653;
--color-green-balloon-800: #254b3c;
--color-green-balloon-900: #193429;
--color-green-balloon-950: #092017;
}SCSS
$green-balloon: #80c4a9;
$green-balloon-rgb: 128, 196, 169;
$green-balloon-light: mix(#fff, $green-balloon, 20%);
$green-balloon-dark: mix(#000, $green-balloon, 20%);
.element {
color: $green-balloon;
box-shadow: 0 0 0 2px rgba($green-balloon, 0.35);
}