#8A2DDD

#8a2ddd ≈ Blue Violet

  • البنفسجي
  • السطوع: متوسط
  • التشبّع: قوي
  • بارد

⁦#8a2ddd⁩ لون من عائلة «البنفسجي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 54.12% أحمر و17.65% أخضر و86.67% أزرق؛ وعند طباعته بنظام CMYK يستخدم 37.56% سماوي و79.64% أرجواني و0% أصفر و13.33% أسود. زاوية صبغته 271.7°، وتشبّعه 72.13% وسطوعه 52.16% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالخيال والروحانية والفخامة. يستخدمه المصممون عادةً في الجمال ومستحضرات التجميل، الاستوديوهات الإبداعية ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 6:1 (WCAG AA). أقرب لون مسمّى هو Blue Violet (⁦#8a2be2⁩)، وفرقه ΔE ‏0.63.

وصف مولَّد من الخصائص المقيسة لهذا اللون.

تحويلات ⁦#8a2ddd⁩ إلى فضاءات ألوان أخرى
HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#9933cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.125

الظلال

⁦#8a2ddd⁩ ممزوجًا تدريجيًا بالأسود.

  1. #8a2ddd
  2. #7c29c7
  3. #6e24b1
  4. #61209b
  5. #531b85
  6. #45176f
  7. #371258
  8. #290e42
  9. #1c092c
  10. #0e0516
  11. #000000

التفتيحات

⁦#8a2ddd⁩ ممزوجًا تدريجيًا بالأبيض.

  1. #8a2ddd
  2. #9642e0
  3. #a157e4
  4. #ad6ce7
  5. #b981eb
  6. #c596ee
  7. #d0abf1
  8. #dcc0f5
  9. #e8d5f8
  10. #f3eafc
  11. #ffffff

الدرجات

⁦#8a2ddd⁩ ممزوجًا تدريجيًا بالرمادي.

  1. #8a2ddd
  2. #8935d4
  3. #883eca
  4. #8746c1
  5. #864eb8
  6. #8557af
  7. #845fa5
  8. #83679c
  9. #826f93
  10. #817889
  11. #808080

نص مقروء 6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 3.5:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #636363 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #7553a3 ≈ 0.001% من الذكور
عمى الأحمر #0062e2 ≈ 1.01% من الذكور
عمى الأخضر #0062da ≈ 1.27% من الذكور
عمى الأزرق #785e86 ≈ 0.0001% من الذكور
ضعف الأحمر #4152e0 ≈ 1.08% من الذكور
ضعف الأخضر #4c52db ≈ 4.63% من الذكور
ضعف الأزرق #804fb0 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

خلفية بهذا اللون

حد بهذا اللون

لون النص
.text-8a2ddd {
  color: #8a2ddd;
}
الخلفية
.bg-8a2ddd {
  background-color: #8a2ddd;
  color: #ffffff;
}
الحد
.border-8a2ddd {
  border: 2px solid #8a2ddd;
}
متغيرات CSS
:root {
  --color-primary: #8a2ddd;
  --color-primary-rgb: 138 45 221;
  --color-primary-hsl: 272 72% 52%;
}
تدرج
.gradient-8a2ddd {
  background: linear-gradient(135deg, #8a2ddd, #dd2dd8);
}
ظل ملوّن
.shadow-8a2ddd {
  box-shadow: 0 8px 24px rgb(138 45 221 / 0.35);
}

Blue Violet
#8a2ddd  rgb(138, 45, 221)  hsl(272, 72%, 52%)  Blue Violet
#80dd2d  rgb(128, 221, 45)  hsl(92, 72%, 52%)  Yellow Green
#dd8a2d  rgb(221, 138, 45)  hsl(32, 72%, 52%)  Fulvous
#2ddd8a  rgb(45, 221, 138)  hsl(152, 72%, 52%)  Emerald