最接近的命名颜色 · #5F004F
#5F004F
最接近的命名颜色: Cosmic Explorer
#5F004F（rgb(95 0 79)、hsl(310 100% 19%)、oklch(0.33 0.145 337.4)）最接近命名颜色 Cosmic Explorer。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#5F004F
oklch(0.33 0.145 337.4)
颜色转换
- HEX
- #5f004f
- RGB
- rgb(95 0 79)
- HSL
- hsl(310 100% 19%)
- HWB
- hwb(310 0% 63%)
- OKLCH
- oklch(0.33 0.145 337.4)
- OKLab
- oklab(0.33 0.134 -0.056)
- CIE Lab
- lab(20.12 43.61 -19.99)
- LCH
- lch(20.12 47.97 335.4)
- CMYK
- cmyk(0% 100% 17% 63%)
浅色调 · 深色调 · 灰色调
浅色调
- 70235F
- 813C70
- 915481
- A16B92
- B183A4
- C19BB6
- D1B3C8
- E0CCDA
- F0E5EC
深色调
- 520044
- 440038
- 38002E
- 2C0023
- 200019
- 150010
- 0A0007
- 030002
- 000000
灰色调
- 641654
- 682559
- 6C325E
- 703E63
- 744968
- 77546D
- 7A5F72
- 7C6A76
- 7E757B
配色和谐
互补色 +180°
- 5F004F
Cosmic Explorer
- 004125
≈ Angel Green
类似色 -30° +30°
- 5F004F
Cosmic Explorer
- 4A136D
≈ Obsidian Shell
- 670029
≈ Plum Cheese
三角配色 +120° +240°
- 5F004F
Cosmic Explorer
- 3F3500
≈ Night in the Woods
- 003C49
≈ Ghostlands Coal
分裂互补色 +150° +210°
- 5F004F
Cosmic Explorer
- 293D00
≈ Hinterlands Green
- 003F3B
≈ Rich Black
四角配色 +90° +180° +270°
- 5F004F
Cosmic Explorer
- 4E2D00
≈ Kyoto House
- 004125
≈ Angel Green
- 003860
≈ Marine Blue
对比度与无障碍
Ag
AAA白底
WCAG 13.12:1 · APCA Lc 98
Ag
Fail黑底
WCAG 1.59:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 13.12:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--cosmic-explorer: #5f004f;
--cosmic-explorer-rgb: 95 0 79;
--cosmic-explorer-oklch: oklch(0.33 0.145 337.4);
}
.element {
color: var(--cosmic-explorer);
background-color: hsl(310 100% 19%);
border-color: oklch(0.33 0.145 337.4);
}Tailwind CSS v4
@theme {
--color-cosmic-explorer: #5f004f;
--color-cosmic-explorer-50: #ffe6ff;
--color-cosmic-explorer-100: #ffd6f8;
--color-cosmic-explorer-200: #ffbce8;
--color-cosmic-explorer-300: #e99acf;
--color-cosmic-explorer-400: #d47bbd;
--color-cosmic-explorer-500: #c05ba8;
--color-cosmic-explorer-600: #a34e8e;
--color-cosmic-explorer-700: #833e72;
--color-cosmic-explorer-800: #602c56;
--color-cosmic-explorer-900: #431e3c;
--color-cosmic-explorer-950: #2b0d26;
}SCSS
$cosmic-explorer: #5f004f;
$cosmic-explorer-rgb: 95, 0, 79;
$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);
}