أقرب لون مسمّى · #923388
#923388
أقرب لون مسمّى: Purple Excellency
#923388 (rgb(146 51 136)، hsl(306 48% 39%)، oklch(0.489 0.163 332.2)) أقرب إلى اللون المسمّى Purple Excellency. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#923388
oklch(0.489 0.163 332.2)
تحويلات الألوان
- HEX
- #923388
- RGB
- rgb(146 51 136)
- HSL
- hsl(306 48% 39%)
- HWB
- hwb(306 20% 43%)
- OKLCH
- oklch(0.489 0.163 332.2)
- OKLab
- oklab(0.489 0.144 -0.076)
- CIE Lab
- lab(38.31 48.09 -27.44)
- LCH
- lch(38.31 55.37 330.3)
- CMYK
- cmyk(0% 65% 7% 43%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9E4994
- AA5EA0
- B572AB
- C186B7
- CB99C3
- D6ADCF
- E1C2DB
- EBD6E7
- F5EAF3
درجات داكنة
- 7E2B75
- 6B2363
- 581C52
- 461441
- 350D31
- 250722
- 160313
- 080106
- 010001
درجات رمادية
- 913D88
- 904687
- 8F4F86
- 8E5686
- 8C5E85
- 8A6584
- 886C83
- 867382
- 837981
تناسق الألوان
متمم +180°
- 923388
Purple Excellency
- 007439
≈ Hawaiian Ti Leaf
متجاور -30° +30°
- 923388
Purple Excellency
- 7342AB
≈ Shiner
- A52959
≈ Parlour Red
ثلاثي +120° +240°
- 923388
Purple Excellency
- 745E00
≈ Hot Mustard
- 006D7C
≈ Coastal Jetty
متمم منقسم +150° +210°
- 923388
Purple Excellency
- 556A00
≈ Serrano Pepper
- 007064
≈ Falcon Turquoise
رباعي +90° +180° +270°
- 923388
Purple Excellency
- 8C4F00
≈ Plain Old Brown
- 007439
≈ Hawaiian Ti Leaf
- 00669C
≈ Impulse Blue
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.88:1 · APCA Lc 83
Ag
Failعلى الأسود
WCAG 3.05:1 · APCA Lc 19
أفضل لون للنص: #FFFFFF
WCAG 6.88:1 (AA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--purple-excellency: #923388;
--purple-excellency-rgb: 146 51 136;
--purple-excellency-oklch: oklch(0.489 0.163 332.2);
}
.element {
color: var(--purple-excellency);
background-color: hsl(306 48% 39%);
border-color: oklch(0.489 0.163 332.2);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #923388;
--color-purple-excellency-50: #ffe4ff;
--color-purple-excellency-100: #ffd4ff;
--color-purple-excellency-200: #ffbaf1;
--color-purple-excellency-300: #ea97da;
--color-purple-excellency-400: #d577c9;
--color-purple-excellency-500: #c155b5;
--color-purple-excellency-600: #a34999;
--color-purple-excellency-700: #833a7b;
--color-purple-excellency-800: #602a5d;
--color-purple-excellency-900: #441c41;
--color-purple-excellency-950: #2b0c29;
}SCSS
$purple-excellency: #923388;
$purple-excellency-rgb: 146, 51, 136;
$purple-excellency-light: mix(#fff, $purple-excellency, 20%);
$purple-excellency-dark: mix(#000, $purple-excellency, 20%);
.element {
color: $purple-excellency;
box-shadow: 0 0 0 2px rgba($purple-excellency, 0.35);
}