Adlandırılmış renk · #8B9EA1
Teal Wave
Teal Wave, #8B9EA1: rgb(139 158 161), hsl(188 10% 59%), oklch(0.685 0.022 208.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Teal Wave color name →
#8B9EA1
oklch(0.685 0.022 208.1)
Renk dönüşümleri
- HEX
- #8b9ea1
- RGB
- rgb(139 158 161)
- HSL
- hsl(188 10% 59%)
- HWB
- hwb(188 55% 37%)
- OKLCH
- oklch(0.685 0.022 208.1)
- OKLab
- oklab(0.685 -0.019 -0.01)
- CIE Lab
- lab(63.69 -6.47 -3.96)
- LCH
- lch(63.69 7.58 211.5)
- CMYK
- cmyk(14% 2% 0% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96A7AA
- A1B1B3
- ADBABC
- B8C4C6
- C4CDCF
- CFD7D8
- DBE1E2
- E7EBEC
- F3F5F5
Koyu tonlar
- 78898B
- 667476
- 546062
- 434D4E
- 323A3C
- 23292A
- 141819
- 070909
- 010101
Gri tonlar
- 8A9B9E
- 89989A
- 889597
- 879294
- 868F90
- 858C8D
- 83898A
- 828687
- 818383
Renk uyumları
Tamamlayıcı +180°
- 8B9EA1
Teal Wave
- A79592
≈ Cortex
Analog -30° +30°
- 8B9EA1
Teal Wave
- 8C9F9A
≈ Jasper Stone
- 8E9CA6
≈ Lost at Sea
Üçlü +120° +240°
- 8B9EA1
Teal Wave
- A295A1
≈ Fortune
- 9F998B
≈ Grey by Me
Bölünmüş tamamlayıcı +150° +210°
- 8B9EA1
Teal Wave
- A6959A
≈ Lavender Lily
- A5978D
≈ Stoneware
Dörtlü +90° +180° +270°
- 8B9EA1
Teal Wave
- 9B97A6
≈ Lavender Ash
- A79592
≈ Cortex
- 989C8D
≈ Laurel Leaf
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--teal-wave: #8b9ea1;
--teal-wave-rgb: 139 158 161;
--teal-wave-oklch: oklch(0.685 0.022 208.1);
}
.element {
color: var(--teal-wave);
background-color: hsl(188 10% 59%);
border-color: oklch(0.685 0.022 208.1);
}Tailwind CSS v4
@theme {
--color-teal-wave: #8b9ea1;
--color-teal-wave-50: #eef7f9;
--color-teal-wave-100: #e0eaec;
--color-teal-wave-200: #cad7d9;
--color-teal-wave-300: #abbbbe;
--color-teal-wave-400: #90a2a5;
--color-teal-wave-500: #768b8e;
--color-teal-wave-600: #647578;
--color-teal-wave-700: #505e60;
--color-teal-wave-800: #3a4546;
--color-teal-wave-900: #282f30;
--color-teal-wave-950: #161c1d;
}SCSS
$teal-wave: #8b9ea1;
$teal-wave-rgb: 139, 158, 161;
$teal-wave-light: mix(#fff, $teal-wave, 20%);
$teal-wave-dark: mix(#000, $teal-wave, 20%);
.element {
color: $teal-wave;
box-shadow: 0 0 0 2px rgba($teal-wave, 0.35);
}