最接近的命名颜色 · #5B0048
#5B0048
最接近的命名颜色: Cosmic Explorer
#5B0048（rgb(91 0 72)、hsl(313 100% 18%)、oklch(0.318 0.138 339.8)）最接近命名颜色 Cosmic Explorer。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#5B0048
oklch(0.318 0.138 339.8)
颜色转换
- HEX
- #5b0048
- RGB
- rgb(91 0 72)
- HSL
- hsl(313 100% 18%)
- HWB
- hwb(313 0% 64%)
- OKLCH
- oklch(0.318 0.138 339.8)
- OKLab
- oklab(0.318 0.13 -0.048)
- CIE Lab
- lab(18.89 41.96 -17.2)
- LCH
- lch(18.89 45.35 337.7)
- CMYK
- cmyk(0% 100% 21% 64%)
浅色调 · 深色调 · 灰色调
浅色调
- 6C2259
- 7D3B6A
- 8E527B
- 9F6A8D
- AF82A0
- BF9AB2
- CFB2C5
- DFCBD8
- EFE5EB
深色调
- 4E003D
- 410033
- 350029
- 29001F
- 1E0016
- 13000D
- 090006
- 030002
- 000000
灰色调
- 60154E
- 652453
- 6A3159
- 6E3D5E
- 724864
- 75536A
- 785F6F
- 7B6A75
- 7E757A
配色和谐
互补色 +180°
- 5B0048
Cosmic Explorer
- 003D25
≈ Angel Green
类似色 -30° +30°
- 5B0048
Cosmic Explorer
- 471165
≈ Obsidian Shell
- 620024
≈ Baal Red Wash
三角配色 +120° +240°
- 5B0048
Cosmic Explorer
- 3B3300
≈ Hidden Passage
- 003947
≈ Natural Indigo
分裂互补色 +150° +210°
- 5B0048
Cosmic Explorer
- 243A00
≈ Melancholia
- 003B38
≈ Customs Green
四角配色 +90° +180° +270°
- 5B0048
Cosmic Explorer
- 482B00
≈ Stirland Mud
- 003D25
≈ Angel Green
- 00345E
≈ Effervescent Blue
对比度与无障碍
Ag
AAA白底
WCAG 13.65:1 · APCA Lc 99
Ag
Fail黑底
WCAG 1.53:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 13.65:1 (AAA) · APCA Lc 99
Contrast pairs
代码片段
CSS
:root {
--cosmic-explorer: #5b0048;
--cosmic-explorer-rgb: 91 0 72;
--cosmic-explorer-oklch: oklch(0.318 0.138 339.8);
}
.element {
color: var(--cosmic-explorer);
background-color: hsl(313 100% 18%);
border-color: oklch(0.318 0.138 339.8);
}Tailwind CSS v4
@theme {
--color-cosmic-explorer: #5b0048;
--color-cosmic-explorer-50: #ffe6ff;
--color-cosmic-explorer-100: #ffd6f5;
--color-cosmic-explorer-200: #febde5;
--color-cosmic-explorer-300: #e89bcc;
--color-cosmic-explorer-400: #d47cb8;
--color-cosmic-explorer-500: #c05da3;
--color-cosmic-explorer-600: #a24f8a;
--color-cosmic-explorer-700: #823f6e;
--color-cosmic-explorer-800: #602d53;
--color-cosmic-explorer-900: #431f3a;
--color-cosmic-explorer-950: #2b0e24;
}SCSS
$cosmic-explorer: #5b0048;
$cosmic-explorer-rgb: 91, 0, 72;
$cosmic-explorer-light: mix(#fff, $cosmic-explorer, 20%);
$cosmic-explorer-dark: mix(#000, $cosmic-explorer, 20%);
.element {
color: $cosmic-explorer;
box-shadow: 0 0 0 2px rgba($cosmic-explorer, 0.35);
}