لون مسمّى · #943589
Purple Excellency
Purple Excellency هو #943589: rgb(148 53 137)، hsl(307 47% 39%)، oklch(0.495 0.162 332.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Purple Excellency color name →
#943589
oklch(0.495 0.162 332.6)
تحويلات الألوان
- HEX
- #943589
- RGB
- rgb(148 53 137)
- HSL
- hsl(307 47% 39%)
- HWB
- hwb(307 21% 42%)
- OKLCH
- oklch(0.495 0.162 332.6)
- OKLab
- oklab(0.495 0.144 -0.075)
- CIE Lab
- lab(39 47.97 -26.94)
- LCH
- lch(39 55.02 330.7)
- CMYK
- cmyk(0% 64% 7% 42%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A04B95
- AB5FA0
- B773AC
- C287B8
- CD9AC4
- D7AED0
- E1C2DB
- EBD6E7
- F5EBF3
درجات داكنة
- 802D76
- 6D2564
- 5A1D53
- 481542
- 360E31
- 260822
- 160314
- 080107
- 010001
درجات رمادية
- 933F88
- 924888
- 905087
- 8F5886
- 8D5F86
- 8B6685
- 896D84
- 867382
- 837A81
تناسق الألوان
متمم +180°
- 943589
Purple Excellency
- 00763C
≈ Succulents
متجاور -30° +30°
- 943589
Purple Excellency
- 7544AC
≈ Shiner
- A62B5A
≈ Vivacious
ثلاثي +120° +240°
- 943589
Purple Excellency
- 765F00
≈ Spicy Mustard
- 006E7F
≈ Coastal Jetty
متمم منقسم +150° +210°
- 943589
Purple Excellency
- 566C00
≈ Over the Hills
- 007266
≈ Pharaoh’s Gem
رباعي +90° +180° +270°
- 943589
Purple Excellency
- 8E5100
≈ Plain Old Brown
- 00763C
≈ Succulents
- 00689F
≈ LED Blue
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.71:1 · APCA Lc 82
Ag
Failعلى الأسود
WCAG 3.12:1 · APCA Lc 20
أفضل لون للنص: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--purple-excellency: #943589;
--purple-excellency-rgb: 148 53 137;
--purple-excellency-oklch: oklch(0.495 0.162 332.6);
}
.element {
color: var(--purple-excellency);
background-color: hsl(307 47% 39%);
border-color: oklch(0.495 0.162 332.6);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #943589;
--color-purple-excellency-50: #ffe4ff;
--color-purple-excellency-100: #ffd4fe;
--color-purple-excellency-200: #ffbaf0;
--color-purple-excellency-300: #ea97d9;
--color-purple-excellency-400: #d577c8;
--color-purple-excellency-500: #c255b4;
--color-purple-excellency-600: #a44998;
--color-purple-excellency-700: #833a7a;
--color-purple-excellency-800: #612a5c;
--color-purple-excellency-900: #441c40;
--color-purple-excellency-950: #2b0c29;
}SCSS
$purple-excellency: #943589;
$purple-excellency-rgb: 148, 53, 137;
$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);
}