#F48865

#f48865 ≈ Coral

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

⁦#f48865⁩ لون من عائلة «البرتقالي»، سطوعه مرتفع وتشبّعه قوي. في نموذج RGB يتكوّن من 95.69% أحمر و53.33% أخضر و39.61% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و44.26% أرجواني و58.61% أصفر و4.31% أسود. زاوية صبغته 14.69°، وتشبّعه 86.67% وسطوعه 67.65% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 8.56:1 (WCAG AAA). أقرب لون مسمّى هو Coral (⁦#ff7f50⁩)، وفرقه ΔE ‏3.8.

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

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

الظلال

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

  1. #f48865
  2. #dc7a5b
  3. #c36d51
  4. #ab5f47
  5. #92523d
  6. #7a4433
  7. #623628
  8. #49291e
  9. #311b14
  10. #180e0a
  11. #000000

التفتيحات

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

  1. #f48865
  2. #f59474
  3. #f6a084
  4. #f7ac93
  5. #f8b8a3
  6. #fac4b2
  7. #fbcfc1
  8. #fcdbd1
  9. #fde7e0
  10. #fef3f0
  11. #ffffff

الدرجات

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

  1. #f48865
  2. #e88768
  3. #dd866a
  4. #d1866d
  5. #c68570
  6. #ba8473
  7. #ae8375
  8. #a38278
  9. #97827b
  10. #8c817d
  11. #808080

نص مقروء 2.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 8.56:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #a5a5a5 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #ca9a90 ≈ 0.001% من الذكور
عمى الأحمر #a49762 ≈ 1.01% من الذكور
عمى الأخضر #beae63 ≈ 1.27% من الذكور
عمى الأزرق #ff7580 ≈ 0.0001% من الذكور
ضعف الأحمر #c99163 ≈ 1.08% من الذكور
ضعف الأخضر #d6a064 ≈ 4.63% من الذكور
ضعف الأزرق #ff7d76 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

Coral
#f48865  rgb(244, 136, 101)  hsl(15, 87%, 68%)  Coral
#65d1f4  rgb(101, 209, 244)  hsl(195, 87%, 68%)  Sky Blue
#65f488  rgb(101, 244, 136)  hsl(135, 87%, 68%)  Spring Green
#8865f4  rgb(136, 101, 244)  hsl(255, 87%, 68%)  Medium Slate Blue