最接近的命名颜色 · #8AB0D1
#8AB0D1
最接近的命名颜色: High Tide
#8AB0D1（rgb(138 176 209)、hsl(208 44% 68%)、oklch(0.741 0.063 245)）最接近命名颜色 High Tide。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#8AB0D1
oklch(0.741 0.063 245)
颜色转换
- HEX
- #8ab0d1
- RGB
- rgb(138 176 209)
- HSL
- hsl(208 44% 68%)
- HWB
- hwb(208 54% 18%)
- OKLCH
- oklch(0.741 0.063 245)
- OKLab
- oklab(0.741 -0.027 -0.057)
- CIE Lab
- lab(69.93 -7.28 -21.21)
- LCH
- lch(69.93 22.42 251.1)
- CMYK
- cmyk(34% 16% 0% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- 96B8D6
- A1C0DA
- ADC7DF
- B8CFE4
- C4D7E8
- D0DFED
- DBE7F1
- E7EFF6
- F3F7FB
深色调
- 7799B5
- 65829B
- 536C81
- 425668
- 324250
- 222E39
- 141C23
- 070B10
- 010102
灰色调
- 89ABC9
- 88A6C0
- 88A2B8
- 879DB0
- 8698A8
- 8593A0
- 848E98
- 828A90
- 818588
配色和谐
互补色 +180°
- 8AB0D1
High Tide
- C8A381
≈ Pelican Tan
类似色 -30° +30°
- 8AB0D1
High Tide
- 7CB6C4
≈ Tennis Blue
- 9FA9D4
≈ Whipped Violet
三角配色 +120° +240°
- 8AB0D1
High Tide
- CF9BA6
≈ Edwardian Rose
- A2B387
≈ Easy Green
分裂互补色 +150° +210°
- 8AB0D1
High Tide
- D09D90
≈ Soft Sienna
- B7AB7E
≈ Fresh Brew
四角配色 +90° +180° +270°
- 8AB0D1
High Tide
- C59DBB
≈ Idyllic Pink
- C8A381
≈ Pelican Tan
- 8CB79A
≈ Garden View
对比度与无障碍
Ag
Fail白底
WCAG 2.27:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.21:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--high-tide: #8ab0d1;
--high-tide-rgb: 138 176 209;
--high-tide-oklch: oklch(0.741 0.063 245);
}
.element {
color: var(--high-tide);
background-color: hsl(208 44% 68%);
border-color: oklch(0.741 0.063 245);
}Tailwind CSS v4
@theme {
--color-high-tide: #8ab0d1;
--color-high-tide-50: #e7f7ff;
--color-high-tide-100: #d8eafc;
--color-high-tide-200: #bfd7ee;
--color-high-tide-300: #9ebbd7;
--color-high-tide-400: #7fa3c2;
--color-high-tide-500: #628bae;
--color-high-tide-600: #537693;
--color-high-tide-700: #425e76;
--color-high-tide-800: #2f4557;
--color-high-tide-900: #20303d;
--color-high-tide-950: #0f1c26;
}SCSS
$high-tide: #8ab0d1;
$high-tide-rgb: 138, 176, 209;
$high-tide-light: mix(#fff, $high-tide, 20%);
$high-tide-dark: mix(#000, $high-tide, 20%);
.element {
color: $high-tide;
box-shadow: 0 0 0 2px rgba($high-tide, 0.35);
}