ColorTool
تسجيل الدخول
#677B29

#677b29 ≈ Avocado

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

⁦#677b29⁩ لون من عائلة «الأصفر المخضر»، سطوعه منخفض وتشبّعه معتدل. في نموذج RGB يتكوّن من 40.39% أحمر و48.24% أخضر و16.08% أزرق؛ وعند طباعته بنظام CMYK يستخدم 16.26% سماوي و0% أرجواني و66.67% أصفر و51.76% أسود. زاوية صبغته 74.63°، وتشبّعه 50% وسطوعه 32.16% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالانتعاش والنمو والحيوية. يستخدمه المصممون عادةً في العلامات الصديقة للبيئة، الصحة والعافية والهويات المؤسسية. يحقق النص الأبيض على هذا اللون نسبة تباين 4.73:1 (WCAG AA). أقرب لون مسمّى هو Avocado (⁦#568203⁩)، وفرقه ΔE ‏5.6.

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

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

متكامل

  1. #677b29
  2. #3d297b

متكامل منقسم

  1. #677b29
  2. #293e7b
  3. #66297b

متجاور

  1. #7b6629
  2. #677b29
  3. #3e7b29

ثلاثي

  1. #677b29
  2. #29677b
  3. #7b2967

رباعي

  1. #677b29
  2. #297b3d
  3. #3d297b
  4. #7b2967

مربع

  1. #677b29
  2. #297b66
  3. #3d297b
  4. #7b293e

أحادي اللون

  1. #0d0f05
  2. #374216
  3. #677b29
  4. #97b43c
  5. #b7cf6e

الظلال

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

  1. #677b29
  2. #5d6f25
  3. #526221
  4. #48561d
  5. #3e4a19
  6. #343e15
  7. #293110
  8. #1f250c
  9. #151908
  10. #0a0c04
  11. #000000

التفتيحات

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

  1. #677b29
  2. #76883e
  3. #859554
  4. #95a369
  5. #a4b07f
  6. #b3bd94
  7. #c2caa9
  8. #d1d7bf
  9. #e1e5d4
  10. #f0f2ea
  11. #ffffff

الدرجات

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

  1. #677b29
  2. #6a7c32
  3. #6c7c3a
  4. #6f7d43
  5. #717d4c
  6. #747e55
  7. #767e5d
  8. #797f66
  9. #7b7f6f
  10. #7e8077
  11. #808080

نص مقروء 4.73:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 4.44:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #737373 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #6f765e ≈ 0.001% من الذكور
عمى الأحمر #82741e ≈ 1.01% من الذكور
عمى الأخضر #80732f ≈ 1.27% من الذكور
عمى الأزرق #6c756a ≈ 0.0001% من الذكور
ضعف الأحمر #787723 ≈ 1.08% من الذكور
ضعف الأخضر #77762d ≈ 4.63% من الذكور
ضعف الأزرق #6a7757 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-677b29 {
  color: #677b29;
}
الخلفية
.bg-677b29 {
  background-color: #677b29;
  color: #ffffff;
}
الحد
.border-677b29 {
  border: 2px solid #677b29;
}
متغيرات CSS
:root {
  --color-primary: #677b29;
  --color-primary-rgb: 103 123 41;
  --color-primary-hsl: 75 50% 32%;
}
تدرج
.gradient-677b29 {
  background: linear-gradient(135deg, #677b29, #3e7b29);
}
ظل ملوّن
.shadow-677b29 {
  box-shadow: 0 8px 24px rgb(103 123 41 / 0.35);
}

#568203 Avocado ΔE 5.60 #507d2a Sap Green ΔE 5.62 #6b8e23 Olive Drab ΔE 7.23 #556b2f Dark Olive Green ΔE 7.29 #808000 Olive ΔE 8.65 #4f7942 Fern Green ΔE 8.71 #228b22 Forest Green ΔE 12.10 #9884d6 معكوس #737373 تدرج رمادي 

Avocado
#677b29  rgb(103, 123, 41)  hsl(75, 50%, 32%)  Avocado
#3d297b  rgb(61, 41, 123)  hsl(255, 50%, 32%)  Persian Indigo
#29677b  rgb(41, 103, 123)  hsl(195, 50%, 32%)  Teal Blue
#7b2967  rgb(123, 41, 103)  hsl(315, 50%, 32%)  Byzantium