色名 · #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);
}