Nächste benannte Farbe · #80B288
#80B288
Nächste benannte Farbe: Verde
#80B288 (rgb(128 178 136), hsl(130 25% 60%), oklch(0.717 0.081 148.9)) liegt am nächsten an der benannten Farbe Verde. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#80B288
oklch(0.717 0.081 148.9)
Farbumrechnungen
- HEX
- #80b288
- RGB
- rgb(128 178 136)
- HSL
- hsl(130 25% 60%)
- HWB
- hwb(130 50% 30%)
- OKLCH
- oklch(0.717 0.081 148.9)
- OKLab
- oklab(0.717 -0.069 0.042)
- CIE Lab
- lab(68.18 -23.72 16.01)
- LCH
- lch(68.18 28.62 146)
- CMYK
- cmyk(28% 0% 24% 30%)
Tints · Shades · Tones
Tints
- 8DBA93
- 99C19F
- A6C9AB
- B2D1B6
- BFD8C2
- CCE0CE
- D8E8DA
- E5EFE6
- F2F7F3
Shades
- 6E9A75
- 5D8363
- 4D6D52
- 3D5741
- 2E4331
- 1F2F22
- 121D13
- 060C06
- 010101
Tones
- 80AD87
- 81A887
- 81A386
- 819E85
- 819984
- 819484
- 818F83
- 818A82
- 808581
Farbharmonien
Komplementär +180°
- 80B288
Verde
- C092BD
≈ La la Love
Analog -30° +30°
Triadisch +120° +240°
- 80B288
Verde
- 8FA2D7
≈ Azureno
- D19187
≈ Peach Preserve
Geteilt komplementär +150° +210°
- 80B288
Verde
- AA99D0
≈ Biloba Flower
- CE8FA2
≈ Sianna Rose
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.43:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.64:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--verde: #80b288;
--verde-rgb: 128 178 136;
--verde-oklch: oklch(0.717 0.081 148.9);
}
.element {
color: var(--verde);
background-color: hsl(130 25% 60%);
border-color: oklch(0.717 0.081 148.9);
}Tailwind CSS v4
@theme {
--color-verde: #80b288;
--color-verde-50: #e5fcea;
--color-verde-100: #d5f0da;
--color-verde-200: #bcdfc3;
--color-verde-300: #9ac4a3;
--color-verde-400: #7dac84;
--color-verde-500: #5f9568;
--color-verde-600: #517e59;
--color-verde-700: #406547;
--color-verde-800: #2f4a32;
--color-verde-900: #203322;
--color-verde-950: #0f1f11;
}SCSS
$verde: #80b288;
$verde-rgb: 128, 178, 136;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}