Benannte Farbe · #98F6B0
Tenacious Tentacles
Tenacious Tentacles ist #98F6B0: rgb(152 246 176), hsl(135 84% 78%), oklch(0.897 0.132 151.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Tenacious Tentacles color name →
#98F6B0
oklch(0.897 0.132 151.2)
Farbumrechnungen
- HEX
- #98f6b0
- RGB
- rgb(152 246 176)
- HSL
- hsl(135 84% 78%)
- HWB
- hwb(135 60% 4%)
- OKLCH
- oklch(0.897 0.132 151.2)
- OKLab
- oklab(0.897 -0.116 0.064)
- CIE Lab
- lab(89.71 -40 24.64)
- LCH
- lch(89.71 46.99 148.4)
- CMYK
- cmyk(38% 0% 28% 4%)
Tints · Shades · Tones
Tints
- A4F7B8
- AFF8C0
- BAF9C8
- C4FAD0
- CFFBD8
- D9FCE0
- E2FDE8
- ECFEEF
- F6FEF7
Shades
- 84D699
- 70B782
- 5C986C
- 4A7B56
- 385F42
- 27452E
- 172C1C
- 08150B
- 010301
Tones
- 97EAAB
- 95DEA7
- 94D2A2
- 91C69D
- 8FBA98
- 8DAE94
- 8AA28F
- 87978A
- 848B85
Farbharmonien
Komplementär +180°
- 98F6B0
Tenacious Tentacles
- FFC9F7
≈ Kissed by Mist
Analog -30° +30°
- 98F6B0
Tenacious Tentacles
- D0EB84
≈ Sulu
- 63F9E2
≈ Icy Life
Triadisch +120° +240°
- 98F6B0
Tenacious Tentacles
- D0DCFF
≈ Arc Light
- FFD0C7
≈ Snow Pa
Geteilt komplementär +150° +210°
- 98F6B0
Tenacious Tentacles
- E3D4FF
≈ Pale Lavender
- FFCEDA
≈ Bologna Sausage
Tetradisch +90° +180° +270°
- 98F6B0
Tenacious Tentacles
- BDE2FF
≈ Dithered Sky
- FFC9F7
≈ Kissed by Mist
- FFD3B0
≈ Papaya Whip
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.14:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.14:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--tenacious-tentacles: #98f6b0;
--tenacious-tentacles-rgb: 152 246 176;
--tenacious-tentacles-oklch: oklch(0.897 0.132 151.2);
}
.element {
color: var(--tenacious-tentacles);
background-color: hsl(135 84% 78%);
border-color: oklch(0.897 0.132 151.2);
}Tailwind CSS v4
@theme {
--color-tenacious-tentacles: #98f6b0;
--color-tenacious-tentacles-50: #daffe4;
--color-tenacious-tentacles-100: #c7f5d3;
--color-tenacious-tentacles-200: #a9e5ba;
--color-tenacious-tentacles-300: #80cb97;
--color-tenacious-tentacles-400: #5db476;
--color-tenacious-tentacles-500: #2f9e57;
--color-tenacious-tentacles-600: #2a864a;
--color-tenacious-tentacles-700: #226b3b;
--color-tenacious-tentacles-800: #1a4f28;
--color-tenacious-tentacles-900: #11371b;
--color-tenacious-tentacles-950: #03210b;
}SCSS
$tenacious-tentacles: #98f6b0;
$tenacious-tentacles-rgb: 152, 246, 176;
$tenacious-tentacles-light: mix(#fff, $tenacious-tentacles, 20%);
$tenacious-tentacles-dark: mix(#000, $tenacious-tentacles, 20%);
.element {
color: $tenacious-tentacles;
box-shadow: 0 0 0 2px rgba($tenacious-tentacles, 0.35);
}