이름 색상 · #89C8C3
Mercury Mist
Mercury Mist은(는) #89C8C3: rgb(137 200 195), hsl(175 36% 66%), oklch(0.789 0.065 189.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Mercury Mist color name →
#89C8C3
oklch(0.789 0.065 189.7)
색상 변환
- HEX
- #89c8c3
- RGB
- rgb(137 200 195)
- HSL
- hsl(175 36% 66%)
- HWB
- hwb(175 54% 22%)
- OKLCH
- oklch(0.789 0.065 189.7)
- OKLab
- oklab(0.789 -0.064 -0.011)
- CIE Lab
- lab(76.24 -21.73 -4.28)
- LCH
- lch(76.24 22.15 191.1)
- CMYK
- cmyk(32% 0% 3% 22%)
틴트 · 셰이드 · 톤
틴트
- 95CEC9
- A1D3CF
- ADD9D5
- B9DEDB
- C5E4E1
- D1E9E7
- DCEFED
- E8F4F3
- F3FAF9
셰이드
- 76AEA9
- 649490
- 537B78
- 426360
- 314C4A
- 223634
- 142120
- 070F0E
- 010202
톤
- 89C1BC
- 89B9B5
- 88B2AE
- 87ABA8
- 87A3A1
- 869C9A
- 849594
- 838E8D
- 828786
색 조화
보색 +180°
- 89C8C3
Mercury Mist
- E0AAB1
≈ Raspberry Lemonade
유사색 -30° +30°
- 89C8C3
Mercury Mist
- 97C7AC
≈ Mini Green
- 8BC5D7
≈ Dolphin
삼각 배색 +120° +240°
- 89C8C3
Mercury Mist
- C7AFDA
≈ Lavender Field Dreamer
- D6B38D
≈ Crème de Caramel
분열 보색 +150° +210°
- 89C8C3
Mercury Mist
- D7ABC8
≈ Lofty Delight
- E0AD9B
≈ Shy Time
사각 배색 +90° +180° +270°
- 89C8C3
Mercury Mist
- B1B6E4
≈ Perano
- E0AAB1
≈ Raspberry Lemonade
- C4BC8C
≈ Candidate
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.88:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.11:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--mercury-mist: #89c8c3;
--mercury-mist-rgb: 137 200 195;
--mercury-mist-oklch: oklch(0.789 0.065 189.7);
}
.element {
color: var(--mercury-mist);
background-color: hsl(175 36% 66%);
border-color: oklch(0.789 0.065 189.7);
}Tailwind CSS v4
@theme {
--color-mercury-mist: #89c8c3;
--color-mercury-mist-50: #e1fbfa;
--color-mercury-mist-100: #d0efed;
--color-mercury-mist-200: #b5dedb;
--color-mercury-mist-300: #91c2c0;
--color-mercury-mist-400: #70aba7;
--color-mercury-mist-500: #4e948f;
--color-mercury-mist-600: #437d79;
--color-mercury-mist-700: #356461;
--color-mercury-mist-800: #264a46;
--color-mercury-mist-900: #193331;
--color-mercury-mist-950: #091f1d;
}SCSS
$mercury-mist: #89c8c3;
$mercury-mist-rgb: 137, 200, 195;
$mercury-mist-light: mix(#fff, $mercury-mist, 20%);
$mercury-mist-dark: mix(#000, $mercury-mist, 20%);
.element {
color: $mercury-mist;
box-shadow: 0 0 0 2px rgba($mercury-mist, 0.35);
}