命名颜色 · #6E99D1
Sea Loch
Sea Loch 即 #6E99D1：rgb(110 153 209)、hsl(214 52% 63%)、oklch(0.674 0.096 255.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Sea Loch color name →
#6E99D1
oklch(0.674 0.096 255.4)
颜色转换
- HEX
- #6e99d1
- RGB
- rgb(110 153 209)
- HSL
- hsl(214 52% 63%)
- HWB
- hwb(214 43% 18%)
- OKLCH
- oklch(0.674 0.096 255.4)
- OKLab
- oklab(0.674 -0.024 -0.093)
- CIE Lab
- lab(61.8 -3.5 -33.79)
- LCH
- lch(61.8 33.97 264.1)
- CMYK
- cmyk(47% 27% 0% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- 7CA3D6
- 8AADDB
- 99B7E0
- A7C2E5
- B5CCE9
- C4D6EE
- D2E0F2
- E1EAF7
- F0F5FB
深色调
- 5F84B5
- 50709B
- 415D81
- 334A68
- 263850
- 192739
- 0E1723
- 040810
- 010102
灰色调
- 7097C9
- 7294C1
- 7492B9
- 7690B1
- 788DA9
- 7A8BA0
- 7C8898
- 7D8590
- 7F8388
配色和谐
互补色 +180°
- 6E99D1
Sea Loch
- B98E4F
≈ Harvest Blessing
类似色 -30° +30°
- 6E99D1
Sea Loch
- 4BA3C3
≈ Oasis Spring
- 918ECF
≈ Adora
三角配色 +120° +240°
- 6E99D1
Sea Loch
- CB7E83
≈ Dirty Pink
- 7CA467
≈ Ready Lawn
分裂互补色 +150° +210°
- 6E99D1
Sea Loch
- C88364
≈ Cabana Melon
- 9F9A51
≈ Formosan Green
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.94:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.14:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.14:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--sea-loch: #6e99d1;
--sea-loch-rgb: 110 153 209;
--sea-loch-oklch: oklch(0.674 0.096 255.4);
}
.element {
color: var(--sea-loch);
background-color: hsl(214 52% 63%);
border-color: oklch(0.674 0.096 255.4);
}Tailwind CSS v4
@theme {
--color-sea-loch: #6e99d1;
--color-sea-loch-50: #e4f7ff;
--color-sea-loch-100: #d4eaff;
--color-sea-loch-200: #bbd6fe;
--color-sea-loch-300: #99bae9;
--color-sea-loch-400: #78a1d7;
--color-sea-loch-500: #5988c5;
--color-sea-loch-600: #4c73a6;
--color-sea-loch-700: #3d5c85;
--color-sea-loch-800: #2a4463;
--color-sea-loch-900: #1c2f45;
--color-sea-loch-950: #0c1b2d;
}SCSS
$sea-loch: #6e99d1;
$sea-loch-rgb: 110, 153, 209;
$sea-loch-light: mix(#fff, $sea-loch, 20%);
$sea-loch-dark: mix(#000, $sea-loch, 20%);
.element {
color: $sea-loch;
box-shadow: 0 0 0 2px rgba($sea-loch, 0.35);
}