#DF400F

#df400f ≈ Sinopia

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

⁦#df400f⁩ لون من عائلة «البرتقالي»، سطوعه متوسط وتشبّعه زاهٍ. في نموذج RGB يتكوّن من 87.45% أحمر و25.1% أخضر و5.88% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و71.3% أرجواني و93.27% أصفر و12.55% أسود. زاوية صبغته 14.13°، وتشبّعه 87.39% وسطوعه 46.67% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 4.88:1 (WCAG AA). أقرب لون مسمّى هو Sinopia (⁦#cb410b⁩)، وفرقه ΔE ‏4.15.

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

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

الظلال

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

  1. #df400f
  2. #c93a0e
  3. #b2330c
  4. #9c2d0b
  5. #862609
  6. #702008
  7. #591a06
  8. #431305
  9. #2d0d03
  10. #160602
  11. #000000

التفتيحات

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

  1. #df400f
  2. #e25327
  3. #e5663f
  4. #e97957
  5. #ec8c6f
  6. #efa087
  7. #f2b39f
  8. #f5c6b7
  9. #f9d9cf
  10. #fcece7
  11. #ffffff

الدرجات

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

  1. #df400f
  2. #d6461a
  3. #cc4d26
  4. #c35331
  5. #b95a3c
  6. #b06048
  7. #a66653
  8. #9d6d5e
  9. #937369
  10. #8a7a75
  11. #808080

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

عمى الألوان الكلي #7a7a7a ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #ac6760 ≈ 0.001% من الذكور
عمى الأحمر #716300 ≈ 1.01% من الذكور
عمى الأخضر #988700 ≈ 1.27% من الذكور
عمى الأزرق #f60039 ≈ 0.0001% من الذكور
ضعف الأحمر #a95706 ≈ 1.08% من الذكور
ضعف الأخضر #b97103 ≈ 4.63% من الذكور
ضعف الأزرق #ed212d ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-df400f {
  color: #df400f;
}
الخلفية
.bg-df400f {
  background-color: #df400f;
  color: #000000;
}
الحد
.border-df400f {
  border: 2px solid #df400f;
}
متغيرات CSS
:root {
  --color-primary: #df400f;
  --color-primary-rgb: 223 64 15;
  --color-primary-hsl: 14 87% 47%;
}
تدرج
.gradient-df400f {
  background: linear-gradient(135deg, #df400f, #dfa80f);
}
ظل ملوّن
.shadow-df400f {
  box-shadow: 0 8px 24px rgb(223 64 15 / 0.35);
}

Sinopia
#df400f  rgb(223, 64, 15)  hsl(14, 87%, 47%)  Sinopia
#0faedf  rgb(15, 174, 223)  hsl(194, 87%, 47%)  Deep Sky Blue
#0fdf40  rgb(15, 223, 64)  hsl(134, 87%, 47%)  Malachite
#400fdf  rgb(64, 15, 223)  hsl(254, 87%, 47%)  Blue