最接近的命名颜色 · #78B3D5
#78B3D5
最接近的命名颜色: Milky Waves
#78B3D5（rgb(120 179 213)、hsl(202 53% 65%)、oklch(0.739 0.079 234.6)）最接近命名颜色 Milky Waves。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#78B3D5
oklch(0.739 0.079 234.6)
颜色转换
- HEX
- #78b3d5
- RGB
- rgb(120 179 213)
- HSL
- hsl(202 53% 65%)
- HWB
- hwb(202 47% 16%)
- OKLCH
- oklch(0.739 0.079 234.6)
- OKLab
- oklab(0.739 -0.046 -0.064)
- CIE Lab
- lab(69.84 -13.11 -23.63)
- LCH
- lch(69.84 27.03 241)
- CMYK
- cmyk(44% 16% 0% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- 86BBD9
- 94C2DE
- A1CAE2
- AFD1E6
- BCD9EA
- C9E1EF
- D7E8F3
- E4F0F7
- F2F7FB
深色调
- 679BB9
- 57849E
- 486E83
- 39586A
- 2A4351
- 1D2F3A
- 101D24
- 050C10
- 010102
灰色调
- 7AAECC
- 7BA9C4
- 7CA4BB
- 7D9FB3
- 7E9AAA
- 7F94A2
- 7F8F99
- 808A91
- 808588
配色和谐
互补色 +180°
- 78B3D5
Milky Waves
- D29E7B
≈ Darling Clementine
类似色 -30° +30°
- 78B3D5
Milky Waves
- 6AB9C2
≈ Azul Turquesa
- 92AADD
≈ Black Drop
三角配色 +120° +240°
- 78B3D5
Milky Waves
- D396AD
≈ Exotic Lilac
- A9B177
≈ Timothy Grass
分裂互补色 +150° +210°
- 78B3D5
Milky Waves
- D89792
≈ Petite Orchid
- C2A770
≈ Hay Yellow
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.20:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--milky-waves: #78b3d5;
--milky-waves-rgb: 120 179 213;
--milky-waves-oklch: oklch(0.739 0.079 234.6);
}
.element {
color: var(--milky-waves);
background-color: hsl(202 53% 65%);
border-color: oklch(0.739 0.079 234.6);
}Tailwind CSS v4
@theme {
--color-milky-waves: #78b3d5;
--color-milky-waves-50: #e1f9ff;
--color-milky-waves-100: #d0edff;
--color-milky-waves-200: #b5daf2;
--color-milky-waves-300: #91bedb;
--color-milky-waves-400: #6fa6c6;
--color-milky-waves-500: #4d8fb3;
--color-milky-waves-600: #427997;
--color-milky-waves-700: #356179;
--color-milky-waves-800: #244759;
--color-milky-waves-900: #18313e;
--color-milky-waves-950: #081d27;
}SCSS
$milky-waves: #78b3d5;
$milky-waves-rgb: 120, 179, 213;
$milky-waves-light: mix(#fff, $milky-waves, 20%);
$milky-waves-dark: mix(#000, $milky-waves, 20%);
.element {
color: $milky-waves;
box-shadow: 0 0 0 2px rgba($milky-waves, 0.35);
}