لون مسمّى · #BC13FE
Neon Purple
Neon Purple هو #BC13FE: rgb(188 19 254)، hsl(283 99% 54%)، oklch(0.608 0.297 312.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Neon Purple color name →
#BC13FE
oklch(0.608 0.297 312.1)
تحويلات الألوان
- HEX
- #bc13fe
- RGB
- rgb(188 19 254)
- HSL
- hsl(283 99% 54%)
- HWB
- hwb(283 7% 0%)
- OKLCH
- oklch(0.608 0.297 312.1)
- OKLab
- oklab(0.608 0.199 -0.221)
- CIE Lab
- lab(49.09 80.68 -78.49)
- LCH
- lch(49.09 112.56 315.8)
- CMYK
- cmyk(26% 93% 0% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C344FF
- CA60FF
- D178FF
- D88DFF
- DFA2FF
- E6B5FF
- ECC8FF
- F3DAFF
- F9EDFF
درجات داكنة
- A30FDD
- 8B0BBD
- 73079E
- 5D0580
- 470363
- 320147
- 1F012D
- 0D0016
- 020003
درجات رمادية
- B633F2
- B144E6
- AB51D9
- A55BCD
- 9F64C1
- 996BB4
- 9371A8
- 8D779B
- 867C8E
تناسق الألوان
متمم +180°
- BC13FE
Neon Purple
- 5A9600
≈ Gecko’s Dream
متجاور -30° +30°
- BC13FE
Neon Purple
- 7566FF
≈ Blue Genie
- E000AD
≈ Aphroditean Fuchsia
ثلاثي +120° +240°
- BC13FE
Neon Purple
- B27400
≈ Philippine Gold
- 009693
≈ Intermezzo
متمم منقسم +150° +210°
- BC13FE
Neon Purple
- 928400
≈ Thicket Green
- 009B6A
≈ Prairie
رباعي +90° +180° +270°
- BC13FE
Neon Purple
- D85100
≈ Deep Orange
- 5A9600
≈ Gecko’s Dream
- 0091B3
≈ Cool Tide
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.50:1 · APCA Lc 69
Ag
AAعلى الأسود
WCAG 4.66:1 · APCA Lc 33
أفضل لون للنص: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--neon-purple: #bc13fe;
--neon-purple-rgb: 188 19 254;
--neon-purple-oklch: oklch(0.608 0.297 312.1);
}
.element {
color: var(--neon-purple);
background-color: hsl(283 99% 54%);
border-color: oklch(0.608 0.297 312.1);
}Tailwind CSS v4
@theme {
--color-neon-purple: #bc13fe;
--color-neon-purple-50: #ffdcff;
--color-neon-purple-100: #ffc9ff;
--color-neon-purple-200: #ffaaff;
--color-neon-purple-300: #ed7eff;
--color-neon-purple-400: #d750ff;
--color-neon-purple-500: #c500ff;
--color-neon-purple-600: #a700e4;
--color-neon-purple-700: #8600b7;
--color-neon-purple-800: #61008c;
--color-neon-purple-900: #440263;
--color-neon-purple-950: #2c0044;
}SCSS
$neon-purple: #bc13fe;
$neon-purple-rgb: 188, 19, 254;
$neon-purple-light: mix(#fff, $neon-purple, 20%);
$neon-purple-dark: mix(#000, $neon-purple, 20%);
.element {
color: $neon-purple;
box-shadow: 0 0 0 2px rgba($neon-purple, 0.35);
}