이름 색상 · #008C8D
Egyptian Teal
Egyptian Teal은(는) #008C8D: rgb(0 140 141), hsl(180 100% 28%), oklch(0.58 0.099 195.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Egyptian Teal color name →
#008C8D
oklch(0.58 0.099 195.7)
색상 변환
- HEX
- #008c8d
- RGB
- rgb(0 140 141)
- HSL
- hsl(180 100% 28%)
- HWB
- hwb(180 0% 45%)
- OKLCH
- oklch(0.58 0.099 195.7)
- OKLab
- oklab(0.58 -0.095 -0.027)
- CIE Lab
- lab(52.3 -32.17 -10.11)
- LCH
- lch(52.3 33.73 197.4)
- CMYK
- cmyk(100% 1% 0% 45%)
틴트 · 셰이드 · 톤
틴트
- 369798
- 52A3A3
- 6AAEAE
- 80B9B9
- 96C5C5
- ABD0D0
- C0DCDC
- D5E8E7
- EAF3F3
셰이드
- 00797A
- 006767
- 005555
- 004344
- 003333
- 002323
- 001414
- 000707
- 000101
톤
- 268B8C
- 378A8A
- 458989
- 508888
- 598787
- 628685
- 6A8484
- 728383
- 798181
색 조화
보색 +180°
- 008C8D
Egyptian Teal
- AD6167
≈ Redbud
유사색 -30° +30°
- 008C8D
Egyptian Teal
- 348D6C
≈ Leprechaun
- 2586A7
≈ Hacienda Blue
삼각 배색 +120° +240°
- 008C8D
Egyptian Teal
- 9168A2
≈ Figue
- 9C712E
≈ Buttered Rum
분열 보색 +150° +210°
- 008C8D
Egyptian Teal
- A46187
≈ Wild Mulberry
- AA6646
≈ Amazonian
사각 배색 +90° +180° +270°
- 008C8D
Egyptian Teal
- 7571B2
≈ Clear Mauve
- AD6167
≈ Redbud
- 827E30
≈ Verdant
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.08:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.13:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.13:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--egyptian-teal: #008c8d;
--egyptian-teal-rgb: 0 140 141;
--egyptian-teal-oklch: oklch(0.58 0.099 195.7);
}
.element {
color: var(--egyptian-teal);
background-color: hsl(180 100% 28%);
border-color: oklch(0.58 0.099 195.7);
}Tailwind CSS v4
@theme {
--color-egyptian-teal: #008c8d;
--color-egyptian-teal-50: #d5ffff;
--color-egyptian-teal-100: #c2f3f4;
--color-egyptian-teal-200: #a2e2e3;
--color-egyptian-teal-300: #77c7c9;
--color-egyptian-teal-400: #4ab1b1;
--color-egyptian-teal-500: #009a9b;
--color-egyptian-teal-600: #008283;
--color-egyptian-teal-700: #046869;
--color-egyptian-teal-800: #024d4c;
--color-egyptian-teal-900: #033535;
--color-egyptian-teal-950: #002020;
}SCSS
$egyptian-teal: #008c8d;
$egyptian-teal-rgb: 0, 140, 141;
$egyptian-teal-light: mix(#fff, $egyptian-teal, 20%);
$egyptian-teal-dark: mix(#000, $egyptian-teal, 20%);
.element {
color: $egyptian-teal;
box-shadow: 0 0 0 2px rgba($egyptian-teal, 0.35);
}