最接近的命名颜色 · #2D2B82
#2D2B82
最接近的命名颜色: Intergalactic Highway
#2D2B82（rgb(45 43 130)、hsl(241 50% 34%)、oklch(0.351 0.142 277.2)）最接近命名颜色 Intergalactic Highway。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2D2B82
oklch(0.351 0.142 277.2)
颜色转换
- HEX
- #2d2b82
- RGB
- rgb(45 43 130)
- HSL
- hsl(241 50% 34%)
- HWB
- hwb(241 17% 49%)
- OKLCH
- oklch(0.351 0.142 277.2)
- OKLab
- oklab(0.351 0.018 -0.141)
- CIE Lab
- lab(22.55 23.59 -49.81)
- LCH
- lch(22.55 55.12 295.3)
- CMYK
- cmyk(65% 67% 0% 49%)
浅色调 · 深色调 · 灰色调
浅色调
- 3D418F
- 4F569D
- 626AAA
- 777FB6
- 8C93C3
- A2A8CF
- B8BEDB
- CFD3E7
- E7E9F3
深色调
- 262470
- 1F1D5F
- 18164E
- 11103E
- 0B0A2F
- 060520
- 020212
- 010106
- 000001
灰色调
- 333583
- 3A3F83
- 424884
- 4A5084
- 525884
- 5B6184
- 646983
- 6D7083
- 767881
配色和谐
互补色 +180°
- 2D2B82
Intergalactic Highway
- 453A00
≈ Xanthophobia
类似色 -30° +30°
- 2D2B82
Intergalactic Highway
- 003D68
≈ Ateneo Blue
- 4F1C72
≈ Velvet Vortex
三角配色 +120° +240°
- 2D2B82
Intergalactic Highway
- 6A1B00
≈ Raw Chocolate
- 004729
≈ Alaskan Moss
分裂互补色 +150° +210°
- 2D2B82
Intergalactic Highway
- 553100
≈ Eyelash Camel
- 2E4300
≈ Garden Shadow
四角配色 +90° +180° +270°
- 2D2B82
Intergalactic Highway
- 71002E
≈ Merlot
- 453A00
≈ Xanthophobia
- 004540
≈ Dark Side
对比度与无障碍
Ag
AAA白底
WCAG 11.80:1 · APCA Lc 97
Ag
Fail黑底
WCAG 1.77:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 11.80:1 (AAA) · APCA Lc 97
Contrast pairs
代码片段
CSS
:root {
--intergalactic-highway: #2d2b82;
--intergalactic-highway-rgb: 45 43 130;
--intergalactic-highway-oklch: oklch(0.351 0.142 277.2);
}
.element {
color: var(--intergalactic-highway);
background-color: hsl(241 50% 34%);
border-color: oklch(0.351 0.142 277.2);
}Tailwind CSS v4
@theme {
--color-intergalactic-highway: #2d2b82;
--color-intergalactic-highway-50: #ecf2ff;
--color-intergalactic-highway-100: #dde4ff;
--color-intergalactic-highway-200: #c7ceff;
--color-intergalactic-highway-300: #a8b0ff;
--color-intergalactic-highway-400: #8a95f1;
--color-intergalactic-highway-500: #7179e2;
--color-intergalactic-highway-600: #5f67be;
--color-intergalactic-highway-700: #4c5299;
--color-intergalactic-highway-800: #353c73;
--color-intergalactic-highway-900: #242a51;
--color-intergalactic-highway-950: #131736;
}SCSS
$intergalactic-highway: #2d2b82;
$intergalactic-highway-rgb: 45, 43, 130;
$intergalactic-highway-light: mix(#fff, $intergalactic-highway, 20%);
$intergalactic-highway-dark: mix(#000, $intergalactic-highway, 20%);
.element {
color: $intergalactic-highway;
box-shadow: 0 0 0 2px rgba($intergalactic-highway, 0.35);
}