最接近的命名颜色 · #89C6D2
#89C6D2
最接近的命名颜色: Wavelet
#89C6D2（rgb(137 198 210)、hsl(190 45% 68%)、oklch(0.789 0.065 211.2)）最接近命名颜色 Wavelet。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#89C6D2
oklch(0.789 0.065 211.2)
颜色转换
- HEX
- #89c6d2
- RGB
- rgb(137 198 210)
- HSL
- hsl(190 45% 68%)
- HWB
- hwb(190 54% 18%)
- OKLCH
- oklch(0.789 0.065 211.2)
- OKLab
- oklab(0.789 -0.055 -0.033)
- CIE Lab
- lab(76.04 -18.09 -12.62)
- LCH
- lch(76.04 22.05 214.9)
- CMYK
- cmyk(35% 6% 0% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- 95CCD6
- A1D1DB
- ADD7DF
- B9DDE4
- C5E3E8
- D1E8ED
- DCEEF1
- E8F4F6
- F3F9FA
深色调
- 76ACB6
- 64929B
- 537A81
- 426268
- 314B50
- 223539
- 142124
- 070E10
- 010202
灰色调
- 89BFCA
- 88B8C1
- 88B1B9
- 87AAB0
- 86A3A8
- 859CA0
- 849598
- 838E90
- 828788
配色和谐
互补色 +180°
- 89C6D2
Wavelet
- E1ACA1
≈ Pale Blush
类似色 -30° +30°
- 89C6D2
Wavelet
- 8CC8BD
≈ Tranquil Teal
- 96C0E0
≈ Blue Magpie
三角配色 +120° +240°
- 89C6D2
Wavelet
- D3ACCD
≈ Queenly
- CAB98B
≈ Canvas Satchel
分裂互补色 +150° +210°
- 89C6D2
Wavelet
- DFAAB8
≈ Apple Infusion
- D9B190
≈ Blonde Lace
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.89:1 · APCA Lc 36
Ag
AAA黑底
WCAG 11.07:1 · APCA Lc 66
最佳文字颜色: #000000
WCAG 11.07:1 (AAA) · APCA Lc 66
Contrast pairs
代码片段
CSS
:root {
--wavelet: #89c6d2;
--wavelet-rgb: 137 198 210;
--wavelet-oklch: oklch(0.789 0.065 211.2);
}
.element {
color: var(--wavelet);
background-color: hsl(190 45% 68%);
border-color: oklch(0.789 0.065 211.2);
}Tailwind CSS v4
@theme {
--color-wavelet: #89c6d2;
--color-wavelet-50: #e1faff;
--color-wavelet-100: #d1eef5;
--color-wavelet-200: #b6dce5;
--color-wavelet-300: #92c1cb;
--color-wavelet-400: #70a9b4;
--color-wavelet-500: #4e929f;
--color-wavelet-600: #437b86;
--color-wavelet-700: #35636b;
--color-wavelet-800: #25494e;
--color-wavelet-900: #193237;
--color-wavelet-950: #091e21;
}SCSS
$wavelet: #89c6d2;
$wavelet-rgb: 137, 198, 210;
$wavelet-light: mix(#fff, $wavelet, 20%);
$wavelet-dark: mix(#000, $wavelet, 20%);
.element {
color: $wavelet;
box-shadow: 0 0 0 2px rgba($wavelet, 0.35);
}