Benannte Farbe · #88B2A9
Silicate Green
Silicate Green ist #88B2A9: rgb(136 178 169), hsl(167 21% 62%), oklch(0.73 0.047 180.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Silicate Green color name →
#88B2A9
oklch(0.73 0.047 180.3)
Farbumrechnungen
- HEX
- #88b2a9
- RGB
- rgb(136 178 169)
- HSL
- hsl(167 21% 62%)
- HWB
- hwb(167 53% 30%)
- OKLCH
- oklch(0.73 0.047 180.3)
- OKLab
- oklab(0.73 -0.047 0)
- CIE Lab
- lab(69.33 -16.08 -0.24)
- LCH
- lch(69.33 16.09 180.8)
- CMYK
- cmyk(24% 0% 5% 30%)
Tints · Shades · Tones
Tints
- 94BAB1
- A0C1BA
- ABC9C2
- B7D0CB
- C3D8D3
- CFE0DC
- DBE8E5
- E7EFED
- F3F7F6
Shades
- 759A92
- 63837C
- 526D67
- 415753
- 31433F
- 222F2C
- 131D1B
- 060C0A
- 010101
Tones
- 88ADA5
- 87A8A1
- 86A39C
- 869E98
- 859994
- 849490
- 838F8C
- 828A88
- 818584
Farbharmonien
Komplementär +180°
- 88B2A9
Silicate Green
- C29CA6
≈ Casa Talec
Analog -30° +30°
- 88B2A9
Silicate Green
- 93B199
≈ Andean Slate
- 86B0B8
≈ Sebastian Inlet
Triadisch +120° +240°
- 88B2A9
Silicate Green
- ACA2C2
≈ Fairy Wand
- BFA28B
≈ Sensational Sand
Geteilt komplementär +150° +210°
- 88B2A9
Silicate Green
- BA9EB6
≈ Fiddlesticks
- C49D96
≈ Andes Ash
Tetradisch +90° +180° +270°
- 88B2A9
Silicate Green
- 9CA7C6
≈ Sapphire Fog
- C29CA6
≈ Casa Talec
- B3A787
≈ Crocker Grove
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.33:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.98:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.98:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--silicate-green: #88b2a9;
--silicate-green-rgb: 136 178 169;
--silicate-green-oklch: oklch(0.73 0.047 180.3);
}
.element {
color: var(--silicate-green);
background-color: hsl(167 21% 62%);
border-color: oklch(0.73 0.047 180.3);
}Tailwind CSS v4
@theme {
--color-silicate-green: #88b2a9;
--color-silicate-green-50: #e7faf6;
--color-silicate-green-100: #d8ede9;
--color-silicate-green-200: #bfdbd6;
--color-silicate-green-300: #9ec0b9;
--color-silicate-green-400: #81a89f;
--color-silicate-green-500: #639187;
--color-silicate-green-600: #547a73;
--color-silicate-green-700: #43625c;
--color-silicate-green-800: #304842;
--color-silicate-green-900: #21322e;
--color-silicate-green-950: #101e1b;
}SCSS
$silicate-green: #88b2a9;
$silicate-green-rgb: 136, 178, 169;
$silicate-green-light: mix(#fff, $silicate-green, 20%);
$silicate-green-dark: mix(#000, $silicate-green, 20%);
.element {
color: $silicate-green;
box-shadow: 0 0 0 2px rgba($silicate-green, 0.35);
}