#6D5CE7

#6d5ce7 ≈ Slate Blue

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

⁦#6d5ce7⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه قوي. في نموذج RGB يتكوّن من 42.75% أحمر و36.08% أخضر و90.59% أزرق؛ وعند طباعته بنظام CMYK يستخدم 52.81% سماوي و60.17% أرجواني و0% أصفر و9.41% أسود. زاوية صبغته 247.34°، وتشبّعه 74.33% وسطوعه 63.33% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 4.84:1 (WCAG AA). أقرب لون مسمّى هو Slate Blue (⁦#6a5acd⁩)، وفرقه ΔE ‏3.78.

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

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

الظلال

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

  1. #6d5ce7
  2. #6253d0
  3. #574ab9
  4. #4c40a2
  5. #41378b
  6. #372e74
  7. #2c255c
  8. #211c45
  9. #16122e
  10. #0b0917
  11. #000000

التفتيحات

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

  1. #6d5ce7
  2. #7c6ce9
  3. #8a7dec
  4. #998dee
  5. #a79df1
  6. #b6aef3
  7. #c5bef5
  8. #d3cef8
  9. #e2defa
  10. #f0effd
  11. #ffffff

الدرجات

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

  1. #6d5ce7
  2. #6f60dd
  3. #7163d2
  4. #7367c8
  5. #756abe
  6. #776eb4
  7. #7872a9
  8. #7a759f
  9. #7c7995
  10. #7e7c8a
  11. #808080

نص مقروء 4.84:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 4.34:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #727272 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #706aad ≈ 0.001% من الذكور
عمى الأحمر #0076ec ≈ 1.01% من الذكور
عمى الأخضر #006de4 ≈ 1.27% من الذكور
عمى الأزرق #397d99 ≈ 0.0001% من الذكور
ضعف الأحمر #3c6cea ≈ 1.08% من الذكور
ضعف الأخضر #3967e5 ≈ 4.63% من الذكور
ضعف الأزرق #5371bd ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-6d5ce7 {
  color: #6d5ce7;
}
الخلفية
.bg-6d5ce7 {
  background-color: #6d5ce7;
  color: #ffffff;
}
الحد
.border-6d5ce7 {
  border: 2px solid #6d5ce7;
}
متغيرات CSS
:root {
  --color-primary: #6d5ce7;
  --color-primary-rgb: 109 92 231;
  --color-primary-hsl: 247 74% 63%;
}
تدرج
.gradient-6d5ce7 {
  background: linear-gradient(135deg, #6d5ce7, #b25ce7);
}
ظل ملوّن
.shadow-6d5ce7 {
  box-shadow: 0 8px 24px rgb(109 92 231 / 0.35);
}

Slate Blue
#6d5ce7  rgb(109, 92, 231)  hsl(247, 74%, 63%)  Slate Blue
#d6e75c  rgb(214, 231, 92)  hsl(67, 74%, 63%)  Pear
#e76d5c  rgb(231, 109, 92)  hsl(7, 74%, 63%)  Terra Cotta
#5ce76d  rgb(92, 231, 109)  hsl(127, 74%, 63%)  Pastel Green