#3B341E

#3b341e ≈ Taupe

  • الأصفر
  • السطوع: منخفض جدًا
  • التشبّع: خافت
  • دافئ

⁦#3b341e⁩ لون من عائلة «الأصفر»، سطوعه منخفض جدًا وتشبّعه خافت. في نموذج RGB يتكوّن من 23.14% أحمر و20.39% أخضر و11.76% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و11.86% أرجواني و49.15% أصفر و76.86% أسود. زاوية صبغته 45.52°، وتشبّعه 32.58% وسطوعه 17.45% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالتفاؤل ولفت الانتباه والبهجة. يستخدمه المصممون عادةً في الإبرازات والتنبيهات، منتجات الأطفال والعلامات الفاخرة. يحقق النص الأبيض على هذا اللون نسبة تباين 12.38:1 (WCAG AAA). أقرب لون مسمّى هو Taupe (⁦#483c32⁩)، وفرقه ΔE ‏8.13.

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

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

الظلال

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

  1. #3b341e
  2. #352f1b
  3. #2f2a18
  4. #292415
  5. #231f12
  6. #1e1a0f
  7. #18150c
  8. #121009
  9. #0c0a06
  10. #060503
  11. #000000

التفتيحات

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

  1. #3b341e
  2. #4f4835
  3. #625d4b
  4. #767162
  5. #898578
  6. #9d9a8f
  7. #b1aea5
  8. #c4c2bc
  9. #d8d6d2
  10. #ebebe9
  11. #ffffff

الدرجات

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

  1. #3b341e
  2. #423c28
  3. #494332
  4. #504b3b
  5. #575245
  6. #5e5a4f
  7. #646259
  8. #6b6963
  9. #72716c
  10. #797876
  11. #808080

نص مقروء 12.38:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.7:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #343434 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #37342d ≈ 0.001% من الذكور
عمى الأحمر #38331c ≈ 1.01% من الذكور
عمى الأخضر #3a351f ≈ 1.27% من الذكور
عمى الأزرق #3f312f ≈ 0.0001% من الذكور
ضعف الأحمر #39331d ≈ 1.08% من الذكور
ضعف الأخضر #3b351e ≈ 4.63% من الذكور
ضعف الأزرق #3e3229 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-3b341e {
  color: #3b341e;
}
الخلفية
.bg-3b341e {
  background-color: #3b341e;
  color: #ffffff;
}
الحد
.border-3b341e {
  border: 2px solid #3b341e;
}
متغيرات CSS
:root {
  --color-primary: #3b341e;
  --color-primary-rgb: 59 52 30;
  --color-primary-hsl: 46 33% 17%;
}
تدرج
.gradient-3b341e {
  background: linear-gradient(135deg, #3b341e, #333b1e);
}
ظل ملوّن
.shadow-3b341e {
  box-shadow: 0 8px 24px rgb(59 52 30 / 0.35);
}

Taupe
#3b341e  rgb(59, 52, 30)  hsl(46, 33%, 17%)  Taupe
#1e253b  rgb(30, 37, 59)  hsl(226, 33%, 17%)  Oxford Blue
#1e3b34  rgb(30, 59, 52)  hsl(166, 33%, 17%)  Phthalo Green
#341e3b  rgb(52, 30, 59)  hsl(286, 33%, 17%)  Eggplant