最接近的命名颜色 · #008DB3
#008DB3
最接近的命名颜色: Corfu Waters
#008DB3（rgb(0 141 179)、hsl(193 100% 35%)、oklch(0.599 0.114 225.4)）最接近命名颜色 Corfu Waters。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#008DB3
oklch(0.599 0.114 225.4)
颜色转换
- HEX
- #008db3
- RGB
- rgb(0 141 179)
- HSL
- hsl(193 100% 35%)
- HWB
- hwb(193 0% 30%)
- OKLCH
- oklch(0.599 0.114 225.4)
- OKLab
- oklab(0.599 -0.08 -0.081)
- CIE Lab
- lab(53.84 -22.3 -29.53)
- LCH
- lch(53.84 37.01 232.9)
- CMYK
- cmyk(100% 21% 0% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- 3698BB
- 53A4C3
- 6BAFCA
- 81BBD2
- 97C6DA
- ACD1E1
- C1DDE9
- D5E8F0
- EAF4F8
深色调
- 007A9B
- 006784
- 00556E
- 004458
- 003343
- 00232F
- 00141D
- 00070C
- 000101
灰色调
- 268CAE
- 388BA9
- 458AA4
- 50899F
- 5A889A
- 638695
- 6B8590
- 72838B
- 798285
配色和谐
互补色 +180°
- 008DB3
Corfu Waters
- B76842
≈ Pumpkin Drizzle
类似色 -30° +30°
- 008DB3
Corfu Waters
- 009293
≈ Lido Deck
- 4F82C3
≈ Sea Note
三角配色 +120° +240°
- 008DB3
Corfu Waters
- AF628F
≈ Exotic Bloom
- 8A8323
≈ Fickle Pickle
分裂互补色 +150° +210°
- 008DB3
Corfu Waters
- BA6169
≈ Her Velour
- A77521
≈ Hot Toddy
四角配色 +90° +180° +270°
- 008DB3
Corfu Waters
- 9A6AAE
≈ Crown Jewels
- B76842
≈ Pumpkin Drizzle
- 618F47
≈ Makrut Lime
对比度与无障碍
Ag
Fail白底
WCAG 3.84:1 · APCA Lc 65
Ag
AA黑底
WCAG 5.46:1 · APCA Lc 36
最佳文字颜色: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
代码片段
CSS
:root {
--corfu-waters: #008db3;
--corfu-waters-rgb: 0 141 179;
--corfu-waters-oklch: oklch(0.599 0.114 225.4);
}
.element {
color: var(--corfu-waters);
background-color: hsl(193 100% 35%);
border-color: oklch(0.599 0.114 225.4);
}Tailwind CSS v4
@theme {
--color-corfu-waters: #008db3;
--color-corfu-waters-50: #d4fdff;
--color-corfu-waters-100: #c1f0ff;
--color-corfu-waters-200: #a0dffb;
--color-corfu-waters-300: #75c3e5;
--color-corfu-waters-400: #45acd1;
--color-corfu-waters-500: #0094bf;
--color-corfu-waters-600: #007ea1;
--color-corfu-waters-700: #006581;
--color-corfu-waters-800: #004a5f;
--color-corfu-waters-900: #003443;
--color-corfu-waters-950: #001f2b;
}SCSS
$corfu-waters: #008db3;
$corfu-waters-rgb: 0, 141, 179;
$corfu-waters-light: mix(#fff, $corfu-waters, 20%);
$corfu-waters-dark: mix(#000, $corfu-waters, 20%);
.element {
color: $corfu-waters;
box-shadow: 0 0 0 2px rgba($corfu-waters, 0.35);
}