最接近的命名颜色 · #52789F
#52789F
最接近的命名颜色: Into the Blue
#52789F（rgb(82 120 159)、hsl(210 32% 47%)、oklch(0.561 0.075 249.9)）最接近命名颜色 Into the Blue。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#52789F
oklch(0.561 0.075 249.9)
颜色转换
- HEX
- #52789f
- RGB
- rgb(82 120 159)
- HSL
- hsl(210 32% 47%)
- HWB
- hwb(210 32% 38%)
- OKLCH
- oklch(0.561 0.075 249.9)
- OKLab
- oklab(0.561 -0.026 -0.07)
- CIE Lab
- lab(48.81 -5.34 -25.56)
- LCH
- lch(48.81 26.11 258.2)
- CMYK
- cmyk(48% 25% 0% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- 6385A9
- 7392B2
- 849FBC
- 95ACC5
- A6BACF
- B7C7D9
- C9D5E2
- DBE3EC
- EDF1F5
深色调
- 46678A
- 3B5775
- 2F4861
- 25394D
- 1A2A3B
- 111D29
- 081018
- 020509
- 000101
灰色调
- 57799C
- 5C7A99
- 617B96
- 657C93
- 6A7D90
- 6E7D8D
- 737E8A
- 777F87
- 7C7F83
配色和谐
互补色 +180°
- 52789F
Into the Blue
- 916D42
≈ Antique Bourbon
类似色 -30° +30°
- 52789F
Into the Blue
- 3B7F93
≈ Wipeout
- 6C70A0
≈ Hyacinth Mauve
三角配色 +120° +240°
- 52789F
Into the Blue
- 9B626B
≈ Soft Bromeliad
- 667E4E
≈ Mint Leaves
分裂互补色 +150° +210°
- 52789F
Into the Blue
- 9B6553
≈ Bucking Bronco
- 7F7640
≈ Steppe Green
四角配色 +90° +180° +270°
- 52789F
Into the Blue
- 926382
≈ Rust Magenta
- 916D42
≈ Antique Bourbon
- 4B8265
≈ Sports Field Green
对比度与无障碍
Ag
AA白底
WCAG 4.61:1 · APCA Lc 72
Ag
AA黑底
WCAG 4.54:1 · APCA Lc 30
最佳文字颜色: #FFFFFF
WCAG 4.61:1 (AA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--into-the-blue: #52789f;
--into-the-blue-rgb: 82 120 159;
--into-the-blue-oklch: oklch(0.561 0.075 249.9);
}
.element {
color: var(--into-the-blue);
background-color: hsl(210 32% 47%);
border-color: oklch(0.561 0.075 249.9);
}Tailwind CSS v4
@theme {
--color-into-the-blue: #52789f;
--color-into-the-blue-50: #e6f7ff;
--color-into-the-blue-100: #d7eaff;
--color-into-the-blue-200: #bed7f4;
--color-into-the-blue-300: #9cbbdd;
--color-into-the-blue-400: #7da2c9;
--color-into-the-blue-500: #5f8ab6;
--color-into-the-blue-600: #51759a;
--color-into-the-blue-700: #405d7b;
--color-into-the-blue-800: #2d455b;
--color-into-the-blue-900: #1e3040;
--color-into-the-blue-950: #0e1c29;
}SCSS
$into-the-blue: #52789f;
$into-the-blue-rgb: 82, 120, 159;
$into-the-blue-light: mix(#fff, $into-the-blue, 20%);
$into-the-blue-dark: mix(#000, $into-the-blue, 20%);
.element {
color: $into-the-blue;
box-shadow: 0 0 0 2px rgba($into-the-blue, 0.35);
}