最接近的命名颜色 · #4B78A6
#4B78A6
最接近的命名颜色: Into the Blue
#4B78A6（rgb(75 120 166)、hsl(210 38% 47%)、oklch(0.56 0.087 250.1)）最接近命名颜色 Into the Blue。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#4B78A6
oklch(0.56 0.087 250.1)
颜色转换
- HEX
- #4b78a6
- RGB
- rgb(75 120 166)
- HSL
- hsl(210 38% 47%)
- HWB
- hwb(210 29% 35%)
- OKLCH
- oklch(0.56 0.087 250.1)
- OKLab
- oklab(0.56 -0.03 -0.082)
- CIE Lab
- lab(48.69 -5.47 -29.86)
- LCH
- lch(48.69 30.35 259.6)
- CMYK
- cmyk(55% 28% 0% 35%)
浅色调 · 深色调 · 灰色调
浅色调
- 5D85AF
- 6E92B8
- 7F9FC1
- 91ADCA
- A3BAD3
- B5C8DC
- C7D5E5
- DAE3ED
- ECF1F6
深色调
- 406790
- 35577A
- 2B4865
- 213951
- 172A3E
- 0E1D2B
- 06101A
- 02050A
- 000101
灰色调
- 5179A2
- 577A9F
- 5C7B9B
- 627C97
- 677D94
- 6C7D90
- 717E8C
- 767F88
- 7B7F84
配色和谐
互补色 +180°
- 4B78A6
Into the Blue
- 956B37
≈ Vintage Caramel
类似色 -30° +30°
- 4B78A6
Into the Blue
- 2A8098
≈ Valley of Glaciers
- 6B6EA7
≈ Kimberlite
三角配色 +120° +240°
- 4B78A6
Into the Blue
- A15E69
≈ Pizza Pie
- 637F46
≈ Green Knoll
分裂互补色 +150° +210°
- 4B78A6
Into the Blue
- A0624C
≈ Deer Tracks
- 807634
≈ Spanish Bistre
四角配色 +90° +180° +270°
- 4B78A6
Into the Blue
- 976085
≈ Raspberry Jelly Red
- 956B37
≈ Vintage Caramel
- 418463
≈ Leisure Green
对比度与无障碍
Ag
AA白底
WCAG 4.62:1 · APCA Lc 72
Ag
AA黑底
WCAG 4.53:1 · APCA Lc 30
最佳文字颜色: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--into-the-blue: #4b78a6;
--into-the-blue-rgb: 75 120 166;
--into-the-blue-oklch: oklch(0.56 0.087 250.1);
}
.element {
color: var(--into-the-blue);
background-color: hsl(210 38% 47%);
border-color: oklch(0.56 0.087 250.1);
}Tailwind CSS v4
@theme {
--color-into-the-blue: #4b78a6;
--color-into-the-blue-50: #e4f7ff;
--color-into-the-blue-100: #d4ebff;
--color-into-the-blue-200: #bad7f9;
--color-into-the-blue-300: #97bbe4;
--color-into-the-blue-400: #77a3d1;
--color-into-the-blue-500: #578abe;
--color-into-the-blue-600: #4b75a0;
--color-into-the-blue-700: #3b5e81;
--color-into-the-blue-800: #29455f;
--color-into-the-blue-900: #1b3043;
--color-into-the-blue-950: #0c1c2b;
}SCSS
$into-the-blue: #4b78a6;
$into-the-blue-rgb: 75, 120, 166;
$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);
}