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

#afab87 ≈ Sage

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

⁦#afab87⁩ لون من عائلة «الأصفر»، سطوعه متوسط وتشبّعه خافت. في نموذج RGB يتكوّن من 68.63% أحمر و67.06% أخضر و52.94% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و2.29% أرجواني و22.86% أصفر و31.37% أسود. زاوية صبغته 54°، وتشبّعه 20% وسطوعه 60.78% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالتفاؤل ولفت الانتباه والبهجة. يستخدمه المصممون عادةً في الإبرازات والتنبيهات، منتجات الأطفال ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 9:1 (WCAG AAA). أقرب لون مسمّى هو Sage (⁦#bcb88a⁩)، وفرقه ΔE ‏4.33.

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

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

متكامل

  1. #afab87
  2. #878baf

متكامل منقسم

  1. #afab87
  2. #879faf
  3. #9787af

متجاور

  1. #af9787
  2. #afab87
  3. #9faf87

ثلاثي

  1. #afab87
  2. #87afab
  3. #ab87af

رباعي

  1. #afab87
  2. #8baf87
  3. #878baf
  4. #ab87af

مربع

  1. #afab87
  2. #87af97
  3. #878baf
  4. #af879f

أحادي اللون

  1. #5e5b3f
  2. #8c875d
  3. #afab87
  4. #cecbb5
  5. #ecebe3

الظلال

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

  1. #afab87
  2. #9e9a7a
  3. #8c896c
  4. #7b785f
  5. #696751
  6. #585644
  7. #464436
  8. #353329
  9. #23221b
  10. #12110e
  11. #000000

التفتيحات

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

  1. #afab87
  2. #b7b393
  3. #bfbc9f
  4. #c7c4ab
  5. #cfcdb7
  6. #d7d5c3
  7. #dfddcf
  8. #e7e6db
  9. #efeee7
  10. #f7f7f3
  11. #ffffff

الدرجات

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

  1. #afab87
  2. #aaa786
  3. #a6a286
  4. #a19e85
  5. #9c9a84
  6. #989684
  7. #939183
  8. #8e8d82
  9. #898981
  10. #858481
  11. #808080

نص مقروء 2.33:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 9:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #aaaaaa ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #acaa9d ≈ 0.001% من الذكور
عمى الأحمر #b2a885 ≈ 1.01% من الذكور
عمى الأخضر #b3ab88 ≈ 1.27% من الذكور
عمى الأزرق #b5a6a1 ≈ 0.0001% من الذكور
ضعف الأحمر #b1a986 ≈ 1.08% من الذكور
ضعف الأخضر #b2ab88 ≈ 4.63% من الذكور
ضعف الأزرق #b3a897 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-afab87 {
  color: #afab87;
}
الخلفية
.bg-afab87 {
  background-color: #afab87;
  color: #000000;
}
الحد
.border-afab87 {
  border: 2px solid #afab87;
}
متغيرات CSS
:root {
  --color-primary: #afab87;
  --color-primary-rgb: 175 171 135;
  --color-primary-hsl: 54 20% 61%;
}
تدرج
.gradient-afab87 {
  background: linear-gradient(135deg, #afab87, #9faf87);
}
ظل ملوّن
.shadow-afab87 {
  box-shadow: 0 8px 24px rgb(175 171 135 / 0.35);
}

#bcb88a Sage ΔE 4.33 #c2b280 Ecru ΔE 5.92 #bdb76b Dark Khaki ΔE 9.29 #d2b48c Tan ΔE 10.85 #8a9a5b Moss Green ΔE 11.18 #9ab973 Olivine ΔE 11.69 #c5b358 Vegas Gold ΔE 12.00 #505478 معكوس #aaaaaa تدرج رمادي 

Sage
#afab87  rgb(175, 171, 135)  hsl(54, 20%, 61%)  Sage
#878baf  rgb(135, 139, 175)  hsl(234, 20%, 61%)  Cool Gray
#87afab  rgb(135, 175, 171)  hsl(174, 20%, 61%)  Opal
#ab87af  rgb(171, 135, 175)  hsl(294, 20%, 61%)  Purple Mountain Majesty