لون مسمّى · #8F509D
Vicious Violet
Vicious Violet هو #8F509D: rgb(143 80 157)، hsl(289 32% 46%)، oklch(0.536 0.134 320.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Vicious Violet color name →
#8F509D
oklch(0.536 0.134 320.1)
تحويلات الألوان
- HEX
- #8f509d
- RGB
- rgb(143 80 157)
- HSL
- hsl(289 32% 46%)
- HWB
- hwb(289 31% 38%)
- OKLCH
- oklch(0.536 0.134 320.1)
- OKLab
- oklab(0.536 0.103 -0.086)
- CIE Lab
- lab(44.1 36.39 -31.14)
- LCH
- lch(44.1 47.89 319.4)
- CMYK
- cmyk(9% 49% 0% 38%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9A61A7
- A673B1
- B184BB
- BC95C5
- C7A6CE
- D2B8D8
- DDC9E2
- E9DBEC
- F4EDF5
درجات داكنة
- 7C4488
- 693973
- 572E5F
- 45244C
- 341A3A
- 241028
- 150718
- 070209
- 010001
درجات رمادية
- 8E569A
- 8D5B98
- 8B6095
- 8A6592
- 896A90
- 876F8D
- 86738A
- 847787
- 827C83
تناسق الألوان
متمم +180°
- 8F509D
Vicious Violet
- 3D7F2E
≈ Bilbao
متجاور -30° +30°
- 8F509D
Vicious Violet
- 6E5DB5
≈ Simply Purple
- A54878
≈ Magenta Haze
ثلاثي +120° +240°
- 8F509D
Vicious Violet
- 8F6500
≈ Alligator
- 007D82
≈ Macquarie
متمم منقسم +150° +210°
- 8F509D
Vicious Violet
- 727300
≈ Spinach Soup
- 008164
≈ Generic Viridian
رباعي +90° +180° +270°
- 8F509D
Vicious Violet
- A95110
≈ Cinnamon Bun
- 3D7F2E
≈ Bilbao
- 00789F
≈ Mitchell Blue
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.52:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.80:1 · APCA Lc 24
أفضل لون للنص: #FFFFFF
WCAG 5.52:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--vicious-violet: #8f509d;
--vicious-violet-rgb: 143 80 157;
--vicious-violet-oklch: oklch(0.536 0.134 320.1);
}
.element {
color: var(--vicious-violet);
background-color: hsl(289 32% 46%);
border-color: oklch(0.536 0.134 320.1);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #8f509d;
--color-vicious-violet-50: #ffe9ff;
--color-vicious-violet-100: #fedaff;
--color-vicious-violet-200: #f0c2f7;
--color-vicious-violet-300: #d8a0e0;
--color-vicious-violet-400: #c183cf;
--color-vicious-violet-500: #ad65bd;
--color-vicious-violet-600: #92569f;
--color-vicious-violet-700: #754580;
--color-vicious-violet-800: #553260;
--color-vicious-violet-900: #3c2243;
--color-vicious-violet-950: #25112b;
}SCSS
$vicious-violet: #8f509d;
$vicious-violet-rgb: 143, 80, 157;
$vicious-violet-light: mix(#fff, $vicious-violet, 20%);
$vicious-violet-dark: mix(#000, $vicious-violet, 20%);
.element {
color: $vicious-violet;
box-shadow: 0 0 0 2px rgba($vicious-violet, 0.35);
}