最接近的命名颜色 · #78B5C0
#78B5C0
最接近的命名颜色: Glacier
#78B5C0（rgb(120 181 192)、hsl(189 36% 61%)、oklch(0.735 0.065 210.1)）最接近命名颜色 Glacier。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#78B5C0
oklch(0.735 0.065 210.1)
颜色转换
- HEX
- #78b5c0
- RGB
- rgb(120 181 192)
- HSL
- hsl(189 36% 61%)
- HWB
- hwb(189 47% 25%)
- OKLCH
- oklch(0.735 0.065 210.1)
- OKLab
- oklab(0.735 -0.056 -0.032)
- CIE Lab
- lab(69.82 -18.34 -12.21)
- LCH
- lch(69.82 22.03 213.7)
- CMYK
- cmyk(38% 6% 0% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- 86BCC6
- 94C4CC
- A1CBD3
- AFD2D9
- BCDADF
- CAE1E6
- D7E9EC
- E4F0F2
- F2F8F9
深色调
- 679DA7
- 57868E
- 486F76
- 39595F
- 2A4449
- 1D3034
- 101D20
- 050C0E
- 010202
灰色调
- 7AB0B9
- 7BAAB3
- 7CA5AC
- 7DA0A6
- 7E9AA0
- 7F9599
- 7F9093
- 808B8D
- 808586
配色和谐
互补色 +180°
- 78B5C0
Glacier
- CF9B91
≈ Nectarine Spice
类似色 -30° +30°
- 78B5C0
Glacier
- 7BB7AB
≈ Mint Bonbon Green
- 84AFCF
≈ Mini Bay
三角配色 +120° +240°
- 78B5C0
Glacier
- C19BBD
≈ Lupine
- B9A87A
≈ Texas Sage
分裂互补色 +150° +210°
- 78B5C0
Glacier
- CD99A8
≈ Honey Pink
- C8A080
≈ Rodeo Dust
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.29:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.16:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--glacier: #78b5c0;
--glacier-rgb: 120 181 192;
--glacier-oklch: oklch(0.735 0.065 210.1);
}
.element {
color: var(--glacier);
background-color: hsl(189 36% 61%);
border-color: oklch(0.735 0.065 210.1);
}Tailwind CSS v4
@theme {
--color-glacier: #78b5c0;
--color-glacier-50: #e1fbff;
--color-glacier-100: #d0eef5;
--color-glacier-200: #b6dce4;
--color-glacier-300: #91c1cb;
--color-glacier-400: #70a9b4;
--color-glacier-500: #4e929e;
--color-glacier-600: #437c85;
--color-glacier-700: #35636b;
--color-glacier-800: #25494e;
--color-glacier-900: #193236;
--color-glacier-950: #091e21;
}SCSS
$glacier: #78b5c0;
$glacier-rgb: 120, 181, 192;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}