ColorTool
تسجيل الدخول
#3F331E

#3f331e ≈ Taupe

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

⁦#3f331e⁩ لون من عائلة «البني»، سطوعه منخفض جدًا وتشبّعه خافت. في نموذج RGB يتكوّن من 24.71% أحمر و20% أخضر و11.76% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و19.05% أرجواني و52.38% أصفر و75.29% أسود. زاوية صبغته 38.18°، وتشبّعه 35.48% وسطوعه 18.24% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالموثوقية والدفء والبساطة. يستخدمه المصممون عادةً في المقاهي وعلامات القهوة، الأنماط الريفية والطبيعية والعلامات الفاخرة. يحقق النص الأبيض على هذا اللون نسبة تباين 12.33:1 (WCAG AAA). أقرب لون مسمّى هو Taupe (⁦#483c32⁩)، وفرقه ΔE ‏6.33.

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

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

متكامل

  1. #3f331e
  2. #1e2a3f

متكامل منقسم

  1. #3f331e
  2. #1e3b3f
  3. #231e3f

متجاور

  1. #3f231e
  2. #3f331e
  3. #3b3f1e

ثلاثي

  1. #3f331e
  2. #1e3f33
  3. #331e3f

رباعي

  1. #3f331e
  2. #2a3f1e
  3. #1e2a3f
  4. #331e3f

مربع

  1. #3f331e
  2. #1e3f23
  3. #1e2a3f
  4. #3f1e3b

أحادي اللون

  1. #0e0b07
  2. #0e0b07
  3. #3f331e
  4. #735d37
  5. #a7874f

الظلال

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

  1. #3f331e
  2. #392e1b
  3. #322918
  4. #2c2415
  5. #261f12
  6. #201a0f
  7. #19140c
  8. #130f09
  9. #0d0a06
  10. #060503
  11. #000000

التفتيحات

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

  1. #3f331e
  2. #524735
  3. #655c4b
  4. #797062
  5. #8c8578
  6. #9f998f
  7. #b2ada5
  8. #c5c2bc
  9. #d9d6d2
  10. #ecebe9
  11. #ffffff

الدرجات

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

  1. #3f331e
  2. #463b28
  3. #4c4232
  4. #534a3b
  5. #595245
  6. #605a4f
  7. #666159
  8. #6d6963
  9. #73716c
  10. #7a7876
  11. #808080

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

عمى الألوان الكلي #353535 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #39342d ≈ 0.001% من الذكور
عمى الأحمر #38331c ≈ 1.01% من الذكور
عمى الأخضر #3b361f ≈ 1.27% من الذكور
عمى الأزرق #442f2e ≈ 0.0001% من الذكور
ضعف الأحمر #3b331d ≈ 1.08% من الذكور
ضعف الأخضر #3d351e ≈ 4.63% من الذكور
ضعف الأزرق #423128 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-3f331e {
  color: #3f331e;
}
الخلفية
.bg-3f331e {
  background-color: #3f331e;
  color: #ffffff;
}
الحد
.border-3f331e {
  border: 2px solid #3f331e;
}
متغيرات CSS
:root {
  --color-primary: #3f331e;
  --color-primary-rgb: 63 51 30;
  --color-primary-hsl: 38 35% 18%;
}
تدرج
.gradient-3f331e {
  background: linear-gradient(135deg, #3f331e, #3b3f1e);
}
ظل ملوّن
.shadow-3f331e {
  box-shadow: 0 8px 24px rgb(63 51 30 / 0.35);
}

#483c32 Taupe ΔE 6.33 #3d2b1f Bistre ΔE 6.98 #3b3c36 Black Olive ΔE 9.97 #343434 Jet ΔE 11.55 #635147 Umber ΔE 12.92 #353839 Onyx ΔE 13.03 #444c38 Rifle Green ΔE 13.67 #c0cce1 معكوس #353535 تدرج رمادي 

Taupe
#3f331e  rgb(63, 51, 30)  hsl(38, 35%, 18%)  Taupe
#1e2a3f  rgb(30, 42, 63)  hsl(218, 35%, 18%)  Oxford Blue
#1e3f33  rgb(30, 63, 51)  hsl(158, 35%, 18%)  Phthalo Green
#331e3f  rgb(51, 30, 63)  hsl(278, 35%, 18%)  Byzantium