#F48351

#f48351 ≈ Coral

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

⁦#f48351⁩ لون من عائلة «البرتقالي»، سطوعه مرتفع وتشبّعه قوي. في نموذج RGB يتكوّن من 95.69% أحمر و51.37% أخضر و31.76% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و46.31% أرجواني و66.8% أصفر و4.31% أسود. زاوية صبغته 18.4°، وتشبّعه 88.11% وسطوعه 63.73% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 8.21:1 (WCAG AAA). أقرب لون مسمّى هو Coral (⁦#ff7f50⁩)، وفرقه ΔE ‏2.57.

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

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

الظلال

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

  1. #f48351
  2. #dc7649
  3. #c36941
  4. #ab5c39
  5. #924f31
  6. #7a4229
  7. #623420
  8. #492718
  9. #311a10
  10. #180d08
  11. #000000

التفتيحات

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

  1. #f48351
  2. #f58f62
  3. #f69c74
  4. #f7a885
  5. #f8b597
  6. #fac1a8
  7. #fbcdb9
  8. #fcdacb
  9. #fde6dc
  10. #fef3ee
  11. #ffffff

الدرجات

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

  1. #f48351
  2. #e88356
  3. #dd825a
  4. #d1825f
  5. #c68264
  6. #ba8269
  7. #ae816d
  8. #a38172
  9. #978177
  10. #8c807b
  11. #808080

نص مقروء 2.56:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 8.21:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #a2a2a2 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #c89689 ≈ 0.001% من الذكور
عمى الأحمر #a2934c ≈ 1.01% من الذكور
عمى الأخضر #bdac4f ≈ 1.27% من الذكور
عمى الأزرق #ff6d78 ≈ 0.0001% من الذكور
ضعف الأحمر #c88d4e ≈ 1.08% من الذكور
ضعف الأخضر #d59d50 ≈ 4.63% من الذكور
ضعف الأزرق #ff766a ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-f48351 {
  color: #f48351;
}
الخلفية
.bg-f48351 {
  background-color: #f48351;
  color: #000000;
}
الحد
.border-f48351 {
  border: 2px solid #f48351;
}
متغيرات CSS
:root {
  --color-primary: #f48351;
  --color-primary-rgb: 244 131 81;
  --color-primary-hsl: 18 88% 64%;
}
تدرج
.gradient-f48351 {
  background: linear-gradient(135deg, #f48351, #f4d451);
}
ظل ملوّن
.shadow-f48351 {
  box-shadow: 0 8px 24px rgb(244 131 81 / 0.35);
}

Coral
#f48351  rgb(244, 131, 81)  hsl(18, 88%, 64%)  Coral
#51c2f4  rgb(81, 194, 244)  hsl(198, 88%, 64%)  Deep Sky Blue
#51f483  rgb(81, 244, 131)  hsl(138, 88%, 64%)  Spring Green
#8351f4  rgb(131, 81, 244)  hsl(258, 88%, 64%)  Medium Slate Blue