#877CCA

#877cca ≈ Medium Purple

  • الأزرق
  • السطوع: مرتفع
  • التشبّع: معتدل
  • بارد

⁦#877cca⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 52.94% أحمر و48.63% أخضر و79.22% أزرق؛ وعند طباعته بنظام CMYK يستخدم 33.17% سماوي و38.61% أرجواني و0% أصفر و20.78% أسود. زاوية صبغته 248.46°، وتشبّعه 42.39% وسطوعه 63.92% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 5.77:1 (WCAG AA). أقرب لون مسمّى هو Medium Purple (⁦#9370db⁩)، وفرقه ΔE ‏5.72.

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

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

الظلال

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

  1. #877cca
  2. #7a70b6
  3. #6c63a2
  4. #5f578d
  5. #514a79
  6. #443e65
  7. #363251
  8. #29253d
  9. #1b1928
  10. #0e0c14
  11. #000000

التفتيحات

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

  1. #877cca
  2. #9389cf
  3. #9f96d5
  4. #aba3da
  5. #b7b0df
  6. #c3bee5
  7. #cfcbea
  8. #dbd8ef
  9. #e7e5f4
  10. #f3f2fa
  11. #ffffff

الدرجات

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

  1. #877cca
  2. #867cc3
  3. #867dbb
  4. #857db4
  5. #847eac
  6. #847ea5
  7. #837e9e
  8. #827f96
  9. #817f8f
  10. #818087
  11. #808080

نص مقروء 3.64:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 5.77:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #868686 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #8682a6 ≈ 0.001% من الذكور
عمى الأحمر #6488cd ≈ 1.01% من الذكور
عمى الأخضر #6484c8 ≈ 1.27% من الذكور
عمى الأزرق #778a99 ≈ 0.0001% من الذكور
ضعف الأحمر #7483cc ≈ 1.08% من الذكور
ضعف الأخضر #7481c9 ≈ 4.63% من الذكور
ضعف الأزرق #7d85af ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-877cca {
  color: #877cca;
}
الخلفية
.bg-877cca {
  background-color: #877cca;
  color: #000000;
}
الحد
.border-877cca {
  border: 2px solid #877cca;
}
متغيرات CSS
:root {
  --color-primary: #877cca;
  --color-primary-rgb: 135 124 202;
  --color-primary-hsl: 248 42% 64%;
}
تدرج
.gradient-877cca {
  background: linear-gradient(135deg, #877cca, #ae7cca);
}
ظل ملوّن
.shadow-877cca {
  box-shadow: 0 8px 24px rgb(135 124 202 / 0.35);
}

Medium Purple
#877cca  rgb(135, 124, 202)  hsl(248, 42%, 64%)  Medium Purple
#bfca7c  rgb(191, 202, 124)  hsl(68, 42%, 64%)  Dark Khaki
#ca877c  rgb(202, 135, 124)  hsl(8, 42%, 64%)  Old Rose
#7cca87  rgb(124, 202, 135)  hsl(128, 42%, 64%)  Emerald