Màu có tên · #9556EB
Navy Genesis Evangelion
Navy Genesis Evangelion là #9556EB: rgb(149 86 235), hsl(265 79% 63%), oklch(0.599 0.215 299.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Purple mean? → · Navy Genesis Evangelion color name →
#9556EB
oklch(0.599 0.215 299.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9E6AEE
- A87CF2
- B28DF5
- BD9EF7
- C7AEF9
- D2BEFB
- DDCFFD
- E8DFFE
- F3EFFF
Sắc đậm
- 814ACC
- 6D3EAE
- 5A3291
- 482775
- 371C5B
- 261241
- 160829
- 080213
- 010003
Sắc xám
- 925DE1
- 9063D6
- 8E68CC
- 8B6DC2
- 8971B7
- 8774AC
- 8578A2
- 837B97
- 827E8C
Hòa sắc
Bổ túc +180°
- 9556EB
Navy Genesis Evangelion
- 778B00
≈ Canopy
Tương đồng -30° +30°
- 9556EB
Navy Genesis Evangelion
- 4F6FFE
≈ Blue Heath Butterfly
- C140BD
≈ Ultraviolet Cryner
Bộ ba +120° +240°
- 9556EB
Navy Genesis Evangelion
- BC6700
≈ Camel Fur
- 009582
≈ Aqua Waters
Bổ túc chia +150° +210°
- 9556EB
Navy Genesis Evangelion
- 9D7B00
≈ Yellowish Brown
- 009A43
≈ Green Revolution
Bộ bốn +90° +180° +270°
- 9556EB
Navy Genesis Evangelion
- E43225
≈ Ceremonial Red Ribbon
- 778B00
≈ Canopy
- 0090A1
≈ Oasis
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.36:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.80:1 · APCA Lc 32
Màu chữ tốt nhất: #000000
WCAG 4.80:1 (AA) · APCA Lc 32
Contrast pairs
Đoạn mã
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);
}