أقرب لون مسمّى · #9651E9
#9651E9
أقرب لون مسمّى: Orion Nebula
#9651E9 (rgb(150 81 233)، hsl(267 78% 62%)، oklch(0.592 0.219 300.7)) أقرب إلى اللون المسمّى Orion Nebula. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#9651E9
oklch(0.592 0.219 300.7)
تحويلات الألوان
- HEX
- #9651e9
- RGB
- rgb(150 81 233)
- HSL
- hsl(267 78% 62%)
- HWB
- hwb(267 32% 9%)
- OKLCH
- oklch(0.592 0.219 300.7)
- OKLab
- oklab(0.592 0.112 -0.189)
- CIE Lab
- lab(49.04 51.26 -67.13)
- LCH
- lch(49.04 84.46 307.4)
- CMYK
- cmyk(36% 65% 0% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A065ED
- A978F0
- B38AF3
- BE9BF6
- C8ACF8
- D3BDFA
- DDCDFC
- E8DEFE
- F4EEFE
درجات داكنة
- 8245CB
- 6E3AAD
- 5B2F90
- 492474
- 371A5A
- 261041
- 160729
- 080213
- 010003
درجات رمادية
- 9359DF
- 915FD5
- 8F65CB
- 8C6AC0
- 8A6FB6
- 8873AC
- 8677A1
- 847A96
- 827D8B
تناسق الألوان
متمم +180°
- 9651E9
Orion Nebula
- 738A00
≈ Canopy
متجاور -30° +30°
- 9651E9
Orion Nebula
- 516BFE
≈ Blue Heath Butterfly
- C13AB9
≈ Purple Pink
ثلاثي +120° +240°
- 9651E9
Orion Nebula
- B76700
≈ Brown Orange
- 009281
≈ Silk Sari
متمم منقسم +150° +210°
- 9651E9
Orion Nebula
- 997A00
≈ Cerignola Olive
- 009747
≈ Luscious Green
رباعي +90° +180° +270°
- 9651E9
Orion Nebula
- E32C16
≈ Ferocious
- 738A00
≈ Canopy
- 008EA0
≈ Coral Coast
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.51:1 · APCA Lc 71
Ag
AAعلى الأسود
WCAG 4.65:1 · APCA Lc 31
أفضل لون للنص: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--orion-nebula: #9651e9;
--orion-nebula-rgb: 150 81 233;
--orion-nebula-oklch: oklch(0.592 0.219 300.7);
}
.element {
color: var(--orion-nebula);
background-color: hsl(267 78% 62%);
border-color: oklch(0.592 0.219 300.7);
}Tailwind CSS v4
@theme {
--color-orion-nebula: #9651e9;
--color-orion-nebula-50: #ffe7ff;
--color-orion-nebula-100: #f6d7ff;
--color-orion-nebula-200: #e7bdff;
--color-orion-nebula-300: #ce99ff;
--color-orion-nebula-400: #b578ff;
--color-orion-nebula-500: #a152fd;
--color-orion-nebula-600: #8847d5;
--color-orion-nebula-700: #6d39ac;
--color-orion-nebula-800: #4e2982;
--color-orion-nebula-900: #361c5c;
--color-orion-nebula-950: #220a3f;
}SCSS
$orion-nebula: #9651e9;
$orion-nebula-rgb: 150, 81, 233;
$orion-nebula-light: mix(#fff, $orion-nebula, 20%);
$orion-nebula-dark: mix(#000, $orion-nebula, 20%);
.element {
color: $orion-nebula;
box-shadow: 0 0 0 2px rgba($orion-nebula, 0.35);
}