最接近的命名颜色 · #6F9BE4
#6F9BE4
最接近的命名颜色: Blue Bay
#6F9BE4（rgb(111 155 228)、hsl(217 68% 66%)、oklch(0.688 0.119 260.1)）最接近命名颜色 Blue Bay。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#6F9BE4
oklch(0.688 0.119 260.1)
颜色转换
- HEX
- #6f9be4
- RGB
- rgb(111 155 228)
- HSL
- hsl(217 68% 66%)
- HWB
- hwb(217 44% 11%)
- OKLCH
- oklch(0.688 0.119 260.1)
- OKLab
- oklab(0.688 -0.02 -0.117)
- CIE Lab
- lab(63.13 0.19 -42.22)
- LCH
- lch(63.13 42.23 270.3)
- CMYK
- cmyk(51% 32% 0% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- 7DA5E7
- 8BAFEB
- 99B9EE
- A7C3F1
- B6CDF3
- C4D7F6
- D3E1F8
- E1EBFB
- F0F5FD
深色调
- 6086C6
- 5172A9
- 425E8D
- 344B72
- 273958
- 1A283F
- 0E1828
- 040912
- 010103
灰色调
- 7199DA
- 7396D0
- 7594C6
- 7791BC
- 798EB2
- 7A8CA8
- 7C899E
- 7D8694
- 7F838A
配色和谐
互补色 +180°
- 6F9BE4
Blue Bay
- C19239
≈ Wheat Beer
类似色 -30° +30°
- 6F9BE4
Blue Bay
- 39A8D6
≈ Modal
- 9A8DDF
≈ Perrywinkle
三角配色 +120° +240°
- 6F9BE4
Blue Bay
- DA7B7C
≈ Babe
- 72AD65
≈ Ferntastic
分裂互补色 +150° +210°
- 6F9BE4
Blue Bay
- D58454
≈ Copperhead
- 9FA141
≈ Reed Green
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.48:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--blue-bay: #6f9be4;
--blue-bay-rgb: 111 155 228;
--blue-bay-oklch: oklch(0.688 0.119 260.1);
}
.element {
color: var(--blue-bay);
background-color: hsl(217 68% 66%);
border-color: oklch(0.688 0.119 260.1);
}Tailwind CSS v4
@theme {
--color-blue-bay: #6f9be4;
--color-blue-bay-50: #e3f6ff;
--color-blue-bay-100: #d3e9ff;
--color-blue-bay-200: #b9d5ff;
--color-blue-bay-300: #96b8f5;
--color-blue-bay-400: #759fe4;
--color-blue-bay-500: #5685d4;
--color-blue-bay-600: #4971b3;
--color-blue-bay-700: #3a5a90;
--color-blue-bay-800: #27426b;
--color-blue-bay-900: #1a2e4b;
--color-blue-bay-950: #0b1a32;
}SCSS
$blue-bay: #6f9be4;
$blue-bay-rgb: 111, 155, 228;
$blue-bay-light: mix(#fff, $blue-bay, 20%);
$blue-bay-dark: mix(#000, $blue-bay, 20%);
.element {
color: $blue-bay;
box-shadow: 0 0 0 2px rgba($blue-bay, 0.35);
}