이름 색상 · #8B9EA1
Teal Wave
Teal Wave은(는) #8B9EA1: rgb(139 158 161), hsl(188 10% 59%), oklch(0.685 0.022 208.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Teal Wave color name →
#8B9EA1
oklch(0.685 0.022 208.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 96A7AA
- A1B1B3
- ADBABC
- B8C4C6
- C4CDCF
- CFD7D8
- DBE1E2
- E7EBEC
- F3F5F5
셰이드
- 78898B
- 667476
- 546062
- 434D4E
- 323A3C
- 23292A
- 141819
- 070909
- 010101
톤
- 8A9B9E
- 89989A
- 889597
- 879294
- 868F90
- 858C8D
- 83898A
- 828687
- 818383
색 조화
보색 +180°
- 8B9EA1
Teal Wave
- A79592
≈ Cortex
유사색 -30° +30°
- 8B9EA1
Teal Wave
- 8C9F9A
≈ Jasper Stone
- 8E9CA6
≈ Lost at Sea
삼각 배색 +120° +240°
- 8B9EA1
Teal Wave
- A295A1
≈ Fortune
- 9F998B
≈ Grey by Me
분열 보색 +150° +210°
- 8B9EA1
Teal Wave
- A6959A
≈ Lavender Lily
- A5978D
≈ Stoneware
사각 배색 +90° +180° +270°
- 8B9EA1
Teal Wave
- 9B97A6
≈ Lavender Ash
- A79592
≈ Cortex
- 989C8D
≈ Laurel Leaf
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.79:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.50:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
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);
}