이름 색상 · #008794
Tropical Teal
Tropical Teal은(는) #008794: rgb(0 135 148), hsl(185 100% 29%), oklch(0.57 0.098 206.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Tropical Teal color name →
#008794
oklch(0.57 0.098 206.7)
색상 변환
- HEX
- #008794
- RGB
- rgb(0 135 148)
- HSL
- hsl(185 100% 29%)
- HWB
- hwb(185 0% 42%)
- OKLCH
- oklch(0.57 0.098 206.7)
- OKLab
- oklab(0.57 -0.087 -0.044)
- CIE Lab
- lab(50.88 -28.21 -16.28)
- LCH
- lch(50.88 32.57 210)
- CMYK
- cmyk(100% 9% 0% 42%)
틴트 · 셰이드 · 톤
틴트
- 35939E
- 519FA9
- 69AAB3
- 7FB6BE
- 95C2C9
- AACED3
- BFDADE
- D5E7E9
- EAF3F4
셰이드
- 007580
- 00636D
- 00515A
- 004148
- 003136
- 002126
- 001316
- 000608
- 000101
톤
- 258792
- 368690
- 44868E
- 4F858C
- 59848A
- 618488
- 6A8386
- 728284
- 798182
색 조화
보색 +180°
- 008794
Tropical Teal
- A95F58
≈ Tuscan Clay
유사색 -30° +30°
- 008794
Tropical Teal
- 1F8A76
≈ Emerald Enchantment
- 357FA9
≈ Cendre Blue
삼각 배색 +120° +240°
- 008794
Tropical Teal
- 956296
≈ Aster Violetta
- 907329
≈ Marshy Green
분열 보색 +150° +210°
- 008794
Tropical Teal
- A55E78
≈ Cosmetic Red
- A2673A
≈ Hot Ginger
사각 배색 +90° +180° +270°
- 008794
Tropical Teal
- 7D6AAA
≈ Wintertime Mauve
- A95F58
≈ Tuscan Clay
- 747E36
≈ Calla Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.29:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.89:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.89:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--tropical-teal: #008794;
--tropical-teal-rgb: 0 135 148;
--tropical-teal-oklch: oklch(0.57 0.098 206.7);
}
.element {
color: var(--tropical-teal);
background-color: hsl(185 100% 29%);
border-color: oklch(0.57 0.098 206.7);
}Tailwind CSS v4
@theme {
--color-tropical-teal: #008794;
--color-tropical-teal-50: #d6feff;
--color-tropical-teal-100: #c3f2f9;
--color-tropical-teal-200: #a3e0eb;
--color-tropical-teal-300: #79c6d2;
--color-tropical-teal-400: #4dafbb;
--color-tropical-teal-500: #0098a6;
--color-tropical-teal-600: #08808d;
--color-tropical-teal-700: #0a6771;
--color-tropical-teal-800: #044c52;
--color-tropical-teal-900: #043539;
--color-tropical-teal-950: #002024;
}SCSS
$tropical-teal: #008794;
$tropical-teal-rgb: 0, 135, 148;
$tropical-teal-light: mix(#fff, $tropical-teal, 20%);
$tropical-teal-dark: mix(#000, $tropical-teal, 20%);
.element {
color: $tropical-teal;
box-shadow: 0 0 0 2px rgba($tropical-teal, 0.35);
}