最接近的命名颜色 · #73B8CA
#73B8CA
最接近的命名颜色: Glacier
#73B8CA（rgb(115 184 202)、hsl(192 45% 62%)、oklch(0.743 0.074 216.2)）最接近命名颜色 Glacier。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#73B8CA
oklch(0.743 0.074 216.2)
颜色转换
- HEX
- #73b8ca
- RGB
- rgb(115 184 202)
- HSL
- hsl(192 45% 62%)
- HWB
- hwb(192 45% 21%)
- OKLCH
- oklch(0.743 0.074 216.2)
- OKLab
- oklab(0.743 -0.06 -0.044)
- CIE Lab
- lab(70.7 -19.15 -16.38)
- LCH
- lch(70.7 25.2 220.5)
- CMYK
- cmyk(43% 9% 0% 21%)
浅色调 · 深色调 · 灰色调
浅色调
- 82BFCF
- 90C6D5
- 9FCDDA
- ADD4DF
- BADBE5
- C8E3EA
- D6EAEF
- E4F1F4
- F1F8FA
深色调
- 63A0AF
- 548895
- 45717C
- 365B64
- 28454D
- 1B3137
- 0F1E22
- 050C0F
- 010202
灰色调
- 75B2C2
- 78ADBB
- 7AA7B3
- 7BA1AC
- 7C9CA4
- 7E969D
- 7E9196
- 7F8B8E
- 808687
配色和谐
互补色 +180°
- 73B8CA
Glacier
- D69C8B
≈ Nectarine Spice
类似色 -30° +30°
- 73B8CA
Glacier
- 73BBB3
≈ Earth Eclipse
- 85B1D8
≈ Boo Blue
三角配色 +120° +240°
- 73B8CA
Glacier
- CB9ABE
≈ Peach Buff
- B9AC76
≈ Heavy Goldbrown
分裂互补色 +150° +210°
- 73B8CA
Glacier
- D599A4
≈ Parrot Pink
- CCA37A
≈ Golden Beige
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.22:1 · APCA Lc 44
Ag
AAA黑底
WCAG 9.43:1 · APCA Lc 58
最佳文字颜色: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
代码片段
CSS
:root {
--glacier: #73b8ca;
--glacier-rgb: 115 184 202;
--glacier-oklch: oklch(0.743 0.074 216.2);
}
.element {
color: var(--glacier);
background-color: hsl(192 45% 62%);
border-color: oklch(0.743 0.074 216.2);
}Tailwind CSS v4
@theme {
--color-glacier: #73b8ca;
--color-glacier-50: #dffbff;
--color-glacier-100: #cdeff9;
--color-glacier-200: #b2ddea;
--color-glacier-300: #8cc1d1;
--color-glacier-400: #69aabb;
--color-glacier-500: #4492a6;
--color-glacier-600: #3b7c8c;
--color-glacier-700: #2f6370;
--color-glacier-800: #204952;
--color-glacier-900: #153339;
--color-glacier-950: #061e24;
}SCSS
$glacier: #73b8ca;
$glacier-rgb: 115, 184, 202;
$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);
}