#E53704

#e53704 ≈ Scarlet

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

⁦#e53704⁩ لون من عائلة «البرتقالي»، سطوعه متوسط وتشبّعه زاهٍ. في نموذج RGB يتكوّن من 89.8% أحمر و21.57% أخضر و1.57% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و75.98% أرجواني و98.25% أصفر و10.2% أسود. زاوية صبغته 13.6°، وتشبّعه 96.57% وسطوعه 45.69% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 4.88:1 (WCAG AA). أقرب لون مسمّى هو Scarlet (⁦#ff2400⁩)، وفرقه ΔE ‏4.55.

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

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

الظلال

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

  1. #e53704
  2. #ce3204
  3. #b72c03
  4. #a02703
  5. #892102
  6. #731c02
  7. #5c1602
  8. #451101
  9. #2e0b01
  10. #170600
  11. #000000

التفتيحات

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

  1. #e53704
  2. #e84b1d
  3. #ea5f36
  4. #ed734f
  5. #ef8768
  6. #f29b82
  7. #f5af9b
  8. #f7c3b4
  9. #fad7cd
  10. #fcebe6
  11. #ffffff

الدرجات

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

  1. #e53704
  2. #db3e10
  3. #d1461d
  4. #c74d29
  5. #bd5436
  6. #b35c42
  7. #a8634e
  8. #9e6a5b
  9. #947167
  10. #8a7974
  11. #808080

نص مقروء 4.3:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 4.88:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #7a7a7a ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #af6660 ≈ 0.001% من الذكور
عمى الأحمر #6f6100 ≈ 1.01% من الذكور
عمى الأخضر #998800 ≈ 1.27% من الذكور
عمى الأزرق #fd0031 ≈ 0.0001% من الذكور
ضعف الأحمر #ab5300 ≈ 1.08% من الذكور
ضعف الأخضر #bc7000 ≈ 4.63% من الذكور
ضعف الأزرق #f40025 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-e53704 {
  color: #e53704;
}
الخلفية
.bg-e53704 {
  background-color: #e53704;
  color: #000000;
}
الحد
.border-e53704 {
  border: 2px solid #e53704;
}
متغيرات CSS
:root {
  --color-primary: #e53704;
  --color-primary-rgb: 229 55 4;
  --color-primary-hsl: 14 97% 46%;
}
تدرج
.gradient-e53704 {
  background: linear-gradient(135deg, #e53704, #e5a804);
}
ظل ملوّن
.shadow-e53704 {
  box-shadow: 0 8px 24px rgb(229 55 4 / 0.35);
}

Scarlet
#e53704  rgb(229, 55, 4)  hsl(14, 97%, 46%)  Scarlet
#04b2e5  rgb(4, 178, 229)  hsl(194, 97%, 46%)  Deep Sky Blue
#04e537  rgb(4, 229, 55)  hsl(134, 97%, 46%)  Malachite
#3704e5  rgb(55, 4, 229)  hsl(254, 97%, 46%)  Blue