أقرب لون مسمّى · #9918BB
#9918BB
أقرب لون مسمّى: Nebula
#9918BB (rgb(153 24 187)، hsl(287 77% 41%)، oklch(0.511 0.234 317.3)) أقرب إلى اللون المسمّى Nebula. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#9918BB
oklch(0.511 0.234 317.3)
تحويلات الألوان
- HEX
- #9918bb
- RGB
- rgb(153 24 187)
- HSL
- hsl(287 77% 41%)
- HWB
- hwb(287 9% 27%)
- OKLCH
- oklch(0.511 0.234 317.3)
- OKLab
- oklab(0.511 0.172 -0.159)
- CIE Lab
- lab(39.16 64.72 -56.61)
- LCH
- lch(39.16 85.98 318.8)
- CMYK
- cmyk(18% 87% 0% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A43DC3
- AF56CB
- B96DD2
- C483DA
- CE98E1
- D8ACE7
- E2C1EE
- ECD6F4
- F6EAF9
درجات داكنة
- 8413A2
- 700F8A
- 5D0A73
- 4A075C
- 380446
- 270232
- 17011F
- 08000D
- 010002
درجات رمادية
- 972EB6
- 953DB1
- 9348AB
- 9152A6
- 8F5BA0
- 8C649A
- 8A6B94
- 87738E
- 837987
تناسق الألوان
متمم +180°
- 9918BB
Nebula
- 337900
≈ Gardens Sericourt
متجاور -30° +30°
- 9918BB
Nebula
- 673AE1
≈ Burple
- B4007D
≈ King’s Plum Pie
ثلاثي +120° +240°
- 9918BB
Nebula
- 885D00
≈ Rat Brown
- 007578
≈ Maxi Teal
متمم منقسم +150° +210°
- 9918BB
Nebula
- 6E6A00
≈ Worn Olive
- 00795A
≈ Ivy League
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.55:1 · APCA Lc 81
Ag
Failعلى الأسود
WCAG 3.20:1 · APCA Lc 21
أفضل لون للنص: #FFFFFF
WCAG 6.55:1 (AA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--nebula: #9918bb;
--nebula-rgb: 153 24 187;
--nebula-oklch: oklch(0.511 0.234 317.3);
}
.element {
color: var(--nebula);
background-color: hsl(287 77% 41%);
border-color: oklch(0.511 0.234 317.3);
}Tailwind CSS v4
@theme {
--color-nebula: #9918bb;
--color-nebula-50: #ffe0ff;
--color-nebula-100: #ffcfff;
--color-nebula-200: #ffb2ff;
--color-nebula-300: #ea8bff;
--color-nebula-400: #d467f7;
--color-nebula-500: #c139e8;
--color-nebula-600: #a333c4;
--color-nebula-700: #83299e;
--color-nebula-800: #601d78;
--color-nebula-900: #431355;
--color-nebula-950: #2b0339;
}SCSS
$nebula: #9918bb;
$nebula-rgb: 153, 24, 187;
$nebula-light: mix(#fff, $nebula, 20%);
$nebula-dark: mix(#000, $nebula, 20%);
.element {
color: $nebula;
box-shadow: 0 0 0 2px rgba($nebula, 0.35);
}