#583E44

#583e44 ≈ Eggplant

  • الأحمر
  • السطوع: منخفض
  • التشبّع: خافت
  • دافئ

⁦#583e44⁩ لون من عائلة «الأحمر»، سطوعه منخفض وتشبّعه خافت. في نموذج RGB يتكوّن من 34.51% أحمر و24.31% أخضر و26.67% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و29.55% أرجواني و22.73% أصفر و65.49% أسود. زاوية صبغته 346.15°، وتشبّعه 17.33% وسطوعه 29.41% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالطاقة والشغف والإلحاح. يستخدمه المصممون عادةً في علامات الطعام والمطاعم، التخفيضات والعروض والهويات المؤسسية. يحقق النص الأبيض على هذا اللون نسبة تباين 9.6:1 (WCAG AAA). أقرب لون مسمّى هو Eggplant (⁦#614051⁩)، وفرقه ΔE ‏5.2.

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

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

الظلال

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

  1. #583e44
  2. #4f383d
  3. #463236
  4. #3e2b30
  5. #352529
  6. #2c1f22
  7. #23191b
  8. #1a1314
  9. #120c0e
  10. #090607
  11. #000000

التفتيحات

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

  1. #583e44
  2. #695157
  3. #796569
  4. #8a787c
  5. #9b8b8f
  6. #ac9fa2
  7. #bcb2b4
  8. #cdc5c7
  9. #ded8da
  10. #eeecec
  11. #ffffff

الدرجات

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

  1. #583e44
  2. #5c454a
  3. #604b50
  4. #645256
  5. #68585c
  6. #6c5f62
  7. #706668
  8. #746c6e
  9. #787374
  10. #7c797a
  11. #808080

نص مقروء 9.6:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 2.19:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #454545 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #4d4245 ≈ 0.001% من الذكور
عمى الأحمر #424244 ≈ 1.01% من الذكور
عمى الأخضر #484743 ≈ 1.27% من الذكور
عمى الأزرق #5d3c40 ≈ 0.0001% من الذكور
ضعف الأحمر #4b4144 ≈ 1.08% من الذكور
ضعف الأخضر #4f4344 ≈ 4.63% من الذكور
ضعف الأزرق #5b3d42 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-583e44 {
  color: #583e44;
}
الخلفية
.bg-583e44 {
  background-color: #583e44;
  color: #ffffff;
}
الحد
.border-583e44 {
  border: 2px solid #583e44;
}
متغيرات CSS
:root {
  --color-primary: #583e44;
  --color-primary-rgb: 88 62 68;
  --color-primary-hsl: 346 17% 29%;
}
تدرج
.gradient-583e44 {
  background: linear-gradient(135deg, #583e44, #58453e);
}
ظل ملوّن
.shadow-583e44 {
  box-shadow: 0 8px 24px rgb(88 62 68 / 0.35);
}

Eggplant
#583e44  rgb(88, 62, 68)  hsl(346, 17%, 29%)  Eggplant
#3e5852  rgb(62, 88, 82)  hsl(166, 17%, 29%)  Feldgrau
#44583e  rgb(68, 88, 62)  hsl(106, 17%, 29%)  Hunter Green
#3e4458  rgb(62, 68, 88)  hsl(226, 17%, 29%)  Charcoal