最接近的命名颜色 · #3C007E
#3C007E
最接近的命名颜色: Galactic Federation
#3C007E（rgb(60 0 126)、hsl(269 100% 25%)、oklch(0.315 0.174 294)）最接近命名颜色 Galactic Federation。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#3C007E
oklch(0.315 0.174 294)
颜色转换
- HEX
- #3c007e
- RGB
- rgb(60 0 126)
- HSL
- hsl(269 100% 25%)
- HWB
- hwb(269 0% 51%)
- OKLCH
- oklch(0.315 0.174 294)
- OKLab
- oklab(0.315 0.071 -0.159)
- CIE Lab
- lab(16.85 44.32 -56.57)
- LCH
- lch(16.85 71.86 308.1)
- CMYK
- cmyk(52% 100% 0% 51%)
浅色调 · 深色调 · 灰色调
浅色调
- 4B288C
- 5C419A
- 6E59A8
- 8170B5
- 9487C2
- A89ECE
- BDB6DB
- D3CEE7
- E9E6F3
深色调
- 33006D
- 2A005C
- 21004C
- 19003C
- 11002D
- 0A001F
- 040011
- 010005
- 000001
灰色调
- 411A7F
- 472A81
- 4D3682
- 534282
- 5A4D83
- 615783
- 696283
- 706C82
- 787681
配色和谐
互补色 +180°
- 3C007E
Galactic Federation
- 313500
≈ Wasabi Nori
类似色 -30° +30°
- 3C007E
Galactic Federation
- 011E87
≈ There Is Light
- 53005A
≈ Cloak and Dagger
三角配色 +120° +240°
- 3C007E
Galactic Federation
- 4F2400
≈ Evil Cigar
- 003B2F
≈ Night Turquoise
分裂互补色 +150° +210°
- 3C007E
Galactic Federation
- 412E00
≈ Hidden Passage
- 003E06
≈ Hunter Green
四角配色 +90° +180° +270°
- 3C007E
Galactic Federation
- 63000C
≈ Rosewood
- 313500
≈ Wasabi Nori
- 00393E
≈ Natural Indigo
对比度与无障碍
Ag
AAA白底
WCAG 14.06:1 · APCA Lc 99
Ag
Fail黑底
WCAG 1.49:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 14.06:1 (AAA) · APCA Lc 99
Contrast pairs
代码片段
CSS
:root {
--galactic-federation: #3c007e;
--galactic-federation-rgb: 60 0 126;
--galactic-federation-oklch: oklch(0.315 0.174 294);
}
.element {
color: var(--galactic-federation);
background-color: hsl(269 100% 25%);
border-color: oklch(0.315 0.174 294);
}Tailwind CSS v4
@theme {
--color-galactic-federation: #3c007e;
--color-galactic-federation-50: #f9ecff;
--color-galactic-federation-100: #ecddff;
--color-galactic-federation-200: #dac5ff;
--color-galactic-federation-300: #c0a4ff;
--color-galactic-federation-400: #a587fa;
--color-galactic-federation-500: #8f68ec;
--color-galactic-federation-600: #7958c7;
--color-galactic-federation-700: #6147a0;
--color-galactic-federation-800: #453378;
--color-galactic-federation-900: #302355;
--color-galactic-federation-950: #1c1139;
}SCSS
$galactic-federation: #3c007e;
$galactic-federation-rgb: 60, 0, 126;
$galactic-federation-light: mix(#fff, $galactic-federation, 20%);
$galactic-federation-dark: mix(#000, $galactic-federation, 20%);
.element {
color: $galactic-federation;
box-shadow: 0 0 0 2px rgba($galactic-federation, 0.35);
}