最接近的命名颜色 · #004493
#004493
最接近的命名颜色: Pacific Depths
#004493（rgb(0 68 147)、hsl(212 100% 29%)、oklch(0.401 0.144 257.2)）最接近命名颜色 Pacific Depths。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#004493
oklch(0.401 0.144 257.2)
颜色转换
- HEX
- #004493
- RGB
- rgb(0 68 147)
- HSL
- hsl(212 100% 29%)
- HWB
- hwb(212 0% 42%)
- OKLCH
- oklch(0.401 0.144 257.2)
- OKLab
- oklab(0.401 -0.032 -0.14)
- CIE Lab
- lab(29.19 7.66 -49.62)
- LCH
- lch(29.19 50.21 278.8)
- CMYK
- cmyk(100% 54% 0% 42%)
浅色调 · 深色调 · 灰色调
浅色调
- 22579F
- 3B69AA
- 537CB6
- 6B8EC1
- 82A1CB
- 9AB3D6
- B3C6E1
- CCD9EB
- E5ECF5
深色调
- 003A7F
- 00306C
- 002659
- 001D47
- 001436
- 000C25
- 000516
- 000208
- 000001
灰色调
- 164B92
- 255291
- 31588F
- 3D5F8E
- 49658C
- 546A8A
- 5F7088
- 6A7586
- 757B83
配色和谐
互补色 +180°
- 004493
Pacific Depths
- 614100
≈ Notorious Neanderthal
类似色 -30° +30°
- 004493
Pacific Depths
- 005068
≈ Hanada Blue
- 47348F
≈ Majestic Eggplant
三角配色 +120° +240°
- 004493
Pacific Depths
- 84152A
≈ Sweet Cherry Red
- 225600
≈ Lincoln Green
分裂互补色 +150° +210°
- 004493
Pacific Depths
- 763000
≈ Bay Brown
- 4D4B00
≈ Scorzonera Brown
四角配色 +90° +180° +270°
- 004493
Pacific Depths
- 7A1A56
≈ Smooch
- 614100
≈ Notorious Neanderthal
- 00563F
≈ Sacramento State Green
对比度与无障碍
Ag
AAA白底
WCAG 9.34:1 · APCA Lc 91
Ag
Fail黑底
WCAG 2.24:1 · APCA Lc 12
最佳文字颜色: #FFFFFF
WCAG 9.34:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
CSS
:root {
--pacific-depths: #004493;
--pacific-depths-rgb: 0 68 147;
--pacific-depths-oklch: oklch(0.401 0.144 257.2);
}
.element {
color: var(--pacific-depths);
background-color: hsl(212 100% 29%);
border-color: oklch(0.401 0.144 257.2);
}Tailwind CSS v4
@theme {
--color-pacific-depths: #004493;
--color-pacific-depths-50: #ddf7ff;
--color-pacific-depths-100: #cceaff;
--color-pacific-depths-200: #b0d6ff;
--color-pacific-depths-300: #8bb9ff;
--color-pacific-depths-400: #659ff2;
--color-pacific-depths-500: #4285e3;
--color-pacific-depths-600: #3971c0;
--color-pacific-depths-700: #2d5a9a;
--color-pacific-depths-800: #1c4373;
--color-pacific-depths-900: #122e51;
--color-pacific-depths-950: #041a36;
}SCSS
$pacific-depths: #004493;
$pacific-depths-rgb: 0, 68, 147;
$pacific-depths-light: mix(#fff, $pacific-depths, 20%);
$pacific-depths-dark: mix(#000, $pacific-depths, 20%);
.element {
color: $pacific-depths;
box-shadow: 0 0 0 2px rgba($pacific-depths, 0.35);
}