Benannte Farbe · #89C6B7
Aquastone
Aquastone ist #89C6B7: rgb(137 198 183), hsl(165 35% 66%), oklch(0.781 0.066 177.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Aquastone color name →
#89C6B7
oklch(0.781 0.066 177.4)
Farbumrechnungen
- HEX
- #89c6b7
- RGB
- rgb(137 198 183)
- HSL
- hsl(165 35% 66%)
- HWB
- hwb(165 54% 22%)
- OKLCH
- oklch(0.781 0.066 177.4)
- OKLab
- oklab(0.781 -0.066 0.003)
- CIE Lab
- lab(75.4 -22.84 0.94)
- LCH
- lch(75.4 22.86 177.6)
- CMYK
- cmyk(31% 0% 8% 22%)
Tints · Shades · Tones
Tints
- 95CCBE
- A1D1C5
- ADD7CC
- B9DDD3
- C5E2DA
- D0E8E2
- DCEEE9
- E8F4F0
- F3F9F8
Shades
- 76AC9F
- 649287
- 537A70
- 42625A
- 314B45
- 223531
- 14211E
- 070E0C
- 010202
Tones
- 89BFB1
- 88B8AC
- 88B1A6
- 87AAA1
- 86A39B
- 859C96
- 849590
- 838E8B
- 828785
Farbharmonien
Komplementär +180°
- 89C6B7
Aquastone
- DCA6B8
≈ Pink Gin
Analog -30° +30°
- 89C6B7
Aquastone
- 9CC4A0
≈ Spruce Stone
- 84C4CD
≈ Angel Blue
Triadisch +120° +240°
- 89C6B7
Aquastone
- BCAFDD
≈ Purple Hibiscus
- D9AE8E
≈ Key Wester
Geteilt komplementär +150° +210°
- 89C6B7
Aquastone
- CFA9CE
≈ Graceful Garden
- DFA8A1
≈ Coral Cove
Tetradisch +90° +180° +270°
- 89C6B7
Aquastone
- A5B7E3
≈ Teclis Blue
- DCA6B8
≈ Pink Gin
- CAB687
≈ Tweed Jacket
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.93:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.82:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--aquastone: #89c6b7;
--aquastone-rgb: 137 198 183;
--aquastone-oklch: oklch(0.781 0.066 177.4);
}
.element {
color: var(--aquastone);
background-color: hsl(165 35% 66%);
border-color: oklch(0.781 0.066 177.4);
}Tailwind CSS v4
@theme {
--color-aquastone: #89c6b7;
--color-aquastone-50: #e2fcf5;
--color-aquastone-100: #d1f0e8;
--color-aquastone-200: #b7ded5;
--color-aquastone-300: #93c3b8;
--color-aquastone-400: #73ac9e;
--color-aquastone-500: #529586;
--color-aquastone-600: #467e71;
--color-aquastone-700: #38655a;
--color-aquastone-800: #284a41;
--color-aquastone-900: #1b332d;
--color-aquastone-950: #0b1f1a;
}SCSS
$aquastone: #89c6b7;
$aquastone-rgb: 137, 198, 183;
$aquastone-light: mix(#fff, $aquastone, 20%);
$aquastone-dark: mix(#000, $aquastone, 20%);
.element {
color: $aquastone;
box-shadow: 0 0 0 2px rgba($aquastone, 0.35);
}