ColorTool
تسجيل الدخول
#F0AF70

#f0af70 ≈ Fawn

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

⁦#f0af70⁩ لون من عائلة «البرتقالي»، سطوعه مرتفع وتشبّعه قوي. في نموذج RGB يتكوّن من 94.12% أحمر و68.63% أخضر و43.92% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و27.08% أرجواني و53.33% أصفر و5.88% أسود. زاوية صبغته 29.53°، وتشبّعه 81.01% وسطوعه 69.02% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 11.07:1 (WCAG AAA). أقرب لون مسمّى هو Fawn (⁦#e5aa70⁩)، وفرقه ΔE ‏2.16.

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

HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#ff9966
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.5036

متكامل

  1. #f0af70
  2. #70b1f0

متكامل منقسم

  1. #f0af70
  2. #70f0ef
  3. #7071f0

متجاور

  1. #f07071
  2. #f0af70
  3. #f0ef70

ثلاثي

  1. #f0af70
  2. #70f0af
  3. #af70f0

رباعي

  1. #f0af70
  2. #b1f070
  3. #70b1f0
  4. #af70f0

مربع

  1. #f0af70
  2. #71f070
  3. #70b1f0
  4. #ef70f0

أحادي اللون

  1. #b46213
  2. #e9882b
  3. #f0af70
  4. #f7d6b5
  5. #fdf5ed

الظلال

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

  1. #f0af70
  2. #d89e65
  3. #c08c5a
  4. #a87b4e
  5. #906943
  6. #785838
  7. #60462d
  8. #483522
  9. #302316
  10. #18120b
  11. #000000

التفتيحات

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

  1. #f0af70
  2. #f2b77e
  3. #f3bf8d
  4. #f5c79b
  5. #f6cfa9
  6. #f8d7b8
  7. #f9dfc6
  8. #fbe7d4
  9. #fcefe2
  10. #fef7f1
  11. #ffffff

الدرجات

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

  1. #f0af70
  2. #e5aa72
  3. #daa673
  4. #cea175
  5. #c39c76
  6. #b89878
  7. #ad937a
  8. #a28e7b
  9. #96897d
  10. #8b857e
  11. #808080

نص مقروء 1.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 11.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #bcbcbc ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #d3b7a3 ≈ 0.001% من الذكور
عمى الأحمر #c4b36b ≈ 1.01% من الذكور
عمى الأخضر #d3c271 ≈ 1.27% من الذكور
عمى الأزرق #ffa1a0 ≈ 0.0001% من الذكور
ضعف الأحمر #d7b26d ≈ 1.08% من الذكور
ضعف الأخضر #dfbb71 ≈ 4.63% من الذكور
ضعف الأزرق #fba78f ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-f0af70 {
  color: #f0af70;
}
الخلفية
.bg-f0af70 {
  background-color: #f0af70;
  color: #000000;
}
الحد
.border-f0af70 {
  border: 2px solid #f0af70;
}
متغيرات CSS
:root {
  --color-primary: #f0af70;
  --color-primary-rgb: 240 175 112;
  --color-primary-hsl: 30 81% 69%;
}
تدرج
.gradient-f0af70 {
  background: linear-gradient(135deg, #f0af70, #f0ef70);
}
ظل ملوّن
.shadow-f0af70 {
  box-shadow: 0 8px 24px rgb(240 175 112 / 0.35);
}

#e5aa70 Fawn ΔE 2.16 #f4a460 Sandy Brown ΔE 3.78 #e3a857 Indian Yellow ΔE 5.28 #ffa343 Neon Carrot ΔE 6.48 #deb887 Burly Wood ΔE 6.78 #ffae42 Yellow Orange ΔE 7.11 #ffc87c Topaz ΔE 7.29 #0f508f معكوس #bcbcbc تدرج رمادي 

Fawn
#f0af70  rgb(240, 175, 112)  hsl(30, 81%, 69%)  Fawn
#70b1f0  rgb(112, 177, 240)  hsl(210, 81%, 69%)  Iceberg
#70f0af  rgb(112, 240, 175)  hsl(150, 81%, 69%)  Medium Spring Green
#af70f0  rgb(175, 112, 240)  hsl(270, 81%, 69%)  Floral Lavender