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

#b4aa7f ≈ Ecru

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

⁦#b4aa7f⁩ لون من عائلة «الأصفر»، سطوعه متوسط وتشبّعه خافت. في نموذج RGB يتكوّن من 70.59% أحمر و66.67% أخضر و49.8% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و5.56% أرجواني و29.44% أصفر و29.41% أسود. زاوية صبغته 48.68°، وتشبّعه 26.11% وسطوعه 60.2% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالتفاؤل ولفت الانتباه والبهجة. يستخدمه المصممون عادةً في الإبرازات والتنبيهات، منتجات الأطفال ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 9:1 (WCAG AAA). أقرب لون مسمّى هو Ecru (⁦#c2b280⁩)، وفرقه ΔE ‏3.55.

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

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

متكامل

  1. #b4aa7f
  2. #7f89b4

متكامل منقسم

  1. #b4aa7f
  2. #7fa4b4
  3. #907fb4

متجاور

  1. #b4907f
  2. #b4aa7f
  3. #a4b47f

ثلاثي

  1. #b4aa7f
  2. #7fb4aa
  3. #aa7fb4

رباعي

  1. #b4aa7f
  2. #89b47f
  3. #7f89b4
  4. #aa7fb4

مربع

  1. #b4aa7f
  2. #7fb490
  3. #7f89b4
  4. #b47fa4

أحادي اللون

  1. #615a39
  2. #918655
  3. #b4aa7f
  4. #d0caaf
  5. #edeadf

الظلال

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

  1. #b4aa7f
  2. #a29972
  3. #908866
  4. #7e7759
  5. #6c664c
  6. #5a5540
  7. #484433
  8. #363326
  9. #242219
  10. #12110d
  11. #000000

التفتيحات

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

  1. #b4aa7f
  2. #bcb38c
  3. #c3bb99
  4. #cbc4a5
  5. #d2ccb2
  6. #dad5bf
  7. #e1ddcc
  8. #e9e6d9
  9. #f0eee5
  10. #f8f7f2
  11. #ffffff

الدرجات

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

  1. #b4aa7f
  2. #afa67f
  3. #aaa27f
  4. #a49d7f
  5. #9f997f
  6. #9a9580
  7. #959180
  8. #908d80
  9. #8a8880
  10. #858480
  11. #808080

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

عمى الألوان الكلي #aaaaaa ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #aeaa9a ≈ 0.001% من الذكور
عمى الأحمر #b3a87c ≈ 1.01% من الذكور
عمى الأخضر #b6ab80 ≈ 1.27% من الذكور
عمى الأزرق #bca49f ≈ 0.0001% من الذكور
ضعف الأحمر #b3a97d ≈ 1.08% من الذكور
ضعف الأخضر #b5ab80 ≈ 4.63% من الذكور
ضعف الأزرق #b9a693 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-b4aa7f {
  color: #b4aa7f;
}
الخلفية
.bg-b4aa7f {
  background-color: #b4aa7f;
  color: #000000;
}
الحد
.border-b4aa7f {
  border: 2px solid #b4aa7f;
}
متغيرات CSS
:root {
  --color-primary: #b4aa7f;
  --color-primary-rgb: 180 170 127;
  --color-primary-hsl: 49 26% 60%;
}
تدرج
.gradient-b4aa7f {
  background: linear-gradient(135deg, #b4aa7f, #a4b47f);
}
ظل ملوّن
.shadow-b4aa7f {
  box-shadow: 0 8px 24px rgb(180 170 127 / 0.35);
}

#c2b280 Ecru ΔE 3.55 #bcb88a Sage ΔE 4.28 #bdb76b Dark Khaki ΔE 7.69 #d2b48c Tan ΔE 8.84 #c5b358 Vegas Gold ΔE 9.76 #c19a6b Camel ΔE 10.55 #b5a642 Brass ΔE 10.72 #4b5580 معكوس #aaaaaa تدرج رمادي 

Ecru
#b4aa7f  rgb(180, 170, 127)  hsl(49, 26%, 60%)  Ecru
#7f89b4  rgb(127, 137, 180)  hsl(229, 26%, 60%)  Cool Gray
#7fb4aa  rgb(127, 180, 170)  hsl(169, 26%, 60%)  Verdigris
#aa7fb4  rgb(170, 127, 180)  hsl(289, 26%, 60%)  Purple Mountain Majesty