#535EAD

#535ead ≈ Slate Blue

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

⁦#535ead⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 32.55% أحمر و36.86% أخضر و67.84% أزرق؛ وعند طباعته بنظام CMYK يستخدم 52.02% سماوي و45.66% أرجواني و0% أصفر و32.16% أسود. زاوية صبغته 232.67°، وتشبّعه 35.43% وسطوعه 50.2% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 5.88:1 (WCAG AA). أقرب لون مسمّى هو Slate Blue (⁦#6a5acd⁩)، وفرقه ΔE ‏7.01.

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

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

الظلال

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

  1. #535ead
  2. #4b559c
  3. #424b8a
  4. #3a4279
  5. #323868
  6. #2a2f57
  7. #212645
  8. #191c34
  9. #111323
  10. #080911
  11. #000000

التفتيحات

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

  1. #535ead
  2. #646eb5
  3. #757ebd
  4. #878ec6
  5. #989ece
  6. #a9afd6
  7. #babfde
  8. #cbcfe6
  9. #dddfef
  10. #eeeff7
  11. #ffffff

الدرجات

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

  1. #535ead
  2. #5861a9
  3. #5c65a4
  4. #6168a0
  5. #656c9b
  6. #6a6f97
  7. #6e7292
  8. #73768e
  9. #777989
  10. #7c7d85
  11. #808080

نص مقروء 5.88:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 3.57:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #646464 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #5e6288 ≈ 0.001% من الذكور
عمى الأحمر #3c68b0 ≈ 1.01% من الذكور
عمى الأخضر #3361ab ≈ 1.27% من الذكور
عمى الأزرق #2c6f7d ≈ 0.0001% من الذكور
ضعف الأحمر #4664af ≈ 1.08% من الذكور
ضعف الأخضر #4260ac ≈ 4.63% من الذكور
ضعف الأزرق #3f6993 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-535ead {
  color: #535ead;
}
الخلفية
.bg-535ead {
  background-color: #535ead;
  color: #ffffff;
}
الحد
.border-535ead {
  border: 2px solid #535ead;
}
متغيرات CSS
:root {
  --color-primary: #535ead;
  --color-primary-rgb: 83 94 173;
  --color-primary-hsl: 233 35% 50%;
}
تدرج
.gradient-535ead {
  background: linear-gradient(135deg, #535ead, #7553ad);
}
ظل ملوّن
.shadow-535ead {
  box-shadow: 0 8px 24px rgb(83 94 173 / 0.35);
}

Slate Blue
#535ead  rgb(83, 94, 173)  hsl(233, 35%, 50%)  Slate Blue
#ada253  rgb(173, 162, 83)  hsl(53, 35%, 50%)  Brass
#ad535e  rgb(173, 83, 94)  hsl(353, 35%, 50%)  Brick Red
#5ead53  rgb(94, 173, 83)  hsl(113, 35%, 50%)  Mantis