命名颜色 · #9556EB
Navy Genesis Evangelion
Navy Genesis Evangelion 即 #9556EB：rgb(149 86 235)、hsl(265 79% 63%)、oklch(0.599 0.215 299.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Navy Genesis Evangelion color name →
#9556EB
oklch(0.599 0.215 299.2)
颜色转换
- HEX
- #9556eb
- RGB
- rgb(149 86 235)
- HSL
- hsl(265 79% 63%)
- HWB
- hwb(265 34% 8%)
- OKLCH
- oklch(0.599 0.215 299.2)
- OKLab
- oklab(0.599 0.105 -0.187)
- CIE Lab
- lab(49.97 48.99 -66.75)
- LCH
- lch(49.97 82.8 306.3)
- CMYK
- cmyk(37% 63% 0% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- 9E6AEE
- A87CF2
- B28DF5
- BD9EF7
- C7AEF9
- D2BEFB
- DDCFFD
- E8DFFE
- F3EFFF
深色调
- 814ACC
- 6D3EAE
- 5A3291
- 482775
- 371C5B
- 261241
- 160829
- 080213
- 010003
灰色调
- 925DE1
- 9063D6
- 8E68CC
- 8B6DC2
- 8971B7
- 8774AC
- 8578A2
- 837B97
- 827E8C
配色和谐
互补色 +180°
- 9556EB
Navy Genesis Evangelion
- 778B00
≈ Canopy
类似色 -30° +30°
- 9556EB
Navy Genesis Evangelion
- 4F6FFE
≈ Blue Heath Butterfly
- C140BD
≈ Ultraviolet Cryner
三角配色 +120° +240°
- 9556EB
Navy Genesis Evangelion
- BC6700
≈ Camel Fur
- 009582
≈ Aqua Waters
分裂互补色 +150° +210°
- 9556EB
Navy Genesis Evangelion
- 9D7B00
≈ Yellowish Brown
- 009A43
≈ Green Revolution
四角配色 +90° +180° +270°
- 9556EB
Navy Genesis Evangelion
- E43225
≈ Ceremonial Red Ribbon
- 778B00
≈ Canopy
- 0090A1
≈ Oasis
对比度与无障碍
Ag
Fail白底
WCAG 4.36:1 · APCA Lc 70
Ag
AA黑底
WCAG 4.80:1 · APCA Lc 32
最佳文字颜色: #000000
WCAG 4.80:1 (AA) · APCA Lc 32
Contrast pairs
代码片段
CSS
:root {
--navy-genesis-evangelion: #9556eb;
--navy-genesis-evangelion-rgb: 149 86 235;
--navy-genesis-evangelion-oklch: oklch(0.599 0.215 299.2);
}
.element {
color: var(--navy-genesis-evangelion);
background-color: hsl(265 79% 63%);
border-color: oklch(0.599 0.215 299.2);
}Tailwind CSS v4
@theme {
--color-navy-genesis-evangelion: #9556eb;
--color-navy-genesis-evangelion-50: #ffe7ff;
--color-navy-genesis-evangelion-100: #f4d8ff;
--color-navy-genesis-evangelion-200: #e4beff;
--color-navy-genesis-evangelion-300: #cb9aff;
--color-navy-genesis-evangelion-400: #b27aff;
--color-navy-genesis-evangelion-500: #9e55fd;
--color-navy-genesis-evangelion-600: #8549d5;
--color-navy-genesis-evangelion-700: #6b3bab;
--color-navy-genesis-evangelion-800: #4d2a82;
--color-navy-genesis-evangelion-900: #351d5c;
--color-navy-genesis-evangelion-950: #210b3e;
}SCSS
$navy-genesis-evangelion: #9556eb;
$navy-genesis-evangelion-rgb: 149, 86, 235;
$navy-genesis-evangelion-light: mix(#fff, $navy-genesis-evangelion, 20%);
$navy-genesis-evangelion-dark: mix(#000, $navy-genesis-evangelion, 20%);
.element {
color: $navy-genesis-evangelion;
box-shadow: 0 0 0 2px rgba($navy-genesis-evangelion, 0.35);
}