最接近的命名颜色 · #461E68
#461E68
最接近的命名颜色: Fading Horizon
#461E68（rgb(70 30 104)、hsl(272 55% 26%)、oklch(0.333 0.125 305.4)）最接近命名颜色 Fading Horizon。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#461E68
oklch(0.333 0.125 305.4)
颜色转换
- HEX
- #461e68
- RGB
- rgb(70 30 104)
- HSL
- hsl(272 55% 26%)
- HWB
- hwb(272 12% 59%)
- OKLCH
- oklch(0.333 0.125 305.4)
- OKLab
- oklab(0.333 0.072 -0.102)
- CIE Lab
- lab(20.57 30.69 -36.25)
- LCH
- lch(20.57 47.5 310.3)
- CMYK
- cmyk(33% 71% 0% 59%)
浅色调 · 深色调 · 灰色调
浅色调
- 563477
- 674A86
- 795F95
- 8B75A4
- 9D8BB3
- B0A1C2
- C3B8D2
- D7CFE1
- EBE7F0
深色调
- 3C1959
- 32134B
- 280E3E
- 1E0930
- 150524
- 0D0318
- 05010C
- 020004
- 000000
灰色调
- 4B296B
- 51346E
- 573E71
- 5C4774
- 625176
- 685A78
- 6E647B
- 746D7D
- 7A777E
配色和谐
互补色 +180°
- 461E68
Fading Horizon
- 2C3D00
≈ Dark Olive
类似色 -30° +30°
- 461E68
Fading Horizon
- 272A75
≈ Blue Rose
- 5A134F
≈ Grape Purple
三角配色 +120° +240°
- 461E68
Fading Horizon
- 502D00
≈ Kyoto House
- 00403A
≈ Rich Black
分裂互补色 +150° +210°
- 461E68
Fading Horizon
- 413500
≈ Night in the Woods
- 004223
≈ Angel Green
四角配色 +90° +180° +270°
- 461E68
Fading Horizon
- 651500
≈ Cowpeas
- 2C3D00
≈ Dark Olive
- 003E49
≈ Ghostlands Coal
对比度与无障碍
Ag
AAA白底
WCAG 12.75:1 · APCA Lc 98
Ag
Fail黑底
WCAG 1.64:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 12.75:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--fading-horizon: #461e68;
--fading-horizon-rgb: 70 30 104;
--fading-horizon-oklch: oklch(0.333 0.125 305.4);
}
.element {
color: var(--fading-horizon);
background-color: hsl(272 55% 26%);
border-color: oklch(0.333 0.125 305.4);
}Tailwind CSS v4
@theme {
--color-fading-horizon: #461e68;
--color-fading-horizon-50: #ffecff;
--color-fading-horizon-100: #f3deff;
--color-fading-horizon-200: #e2c7fe;
--color-fading-horizon-300: #c8a6e9;
--color-fading-horizon-400: #b08bd9;
--color-fading-horizon-500: #9a6ec7;
--color-fading-horizon-600: #825ea8;
--color-fading-horizon-700: #684b87;
--color-fading-horizon-800: #4b3665;
--color-fading-horizon-900: #342547;
--color-fading-horizon-950: #20132e;
}SCSS
$fading-horizon: #461e68;
$fading-horizon-rgb: 70, 30, 104;
$fading-horizon-light: mix(#fff, $fading-horizon, 20%);
$fading-horizon-dark: mix(#000, $fading-horizon, 20%);
.element {
color: $fading-horizon;
box-shadow: 0 0 0 2px rgba($fading-horizon, 0.35);
}