#756C22

#756c22 ≈ Olive

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

⁦#756c22⁩ لون من عائلة «الأصفر»، سطوعه منخفض وتشبّعه معتدل. في نموذج RGB يتكوّن من 45.88% أحمر و42.35% أخضر و13.33% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و7.69% أرجواني و70.94% أصفر و54.12% أسود. زاوية صبغته 53.49°، وتشبّعه 54.97% وسطوعه 29.61% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالتفاؤل ولفت الانتباه والبهجة. يستخدمه المصممون عادةً في الإبرازات والتنبيهات، منتجات الأطفال والعلامات الفاخرة. يحقق النص الأبيض على هذا اللون نسبة تباين 5.35:1 (WCAG AA). أقرب لون مسمّى هو Olive (⁦#808000⁩)، وفرقه ΔE ‏8.87.

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

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

الظلال

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

  1. #756c22
  2. #69611f
  3. #5e561b
  4. #524c18
  5. #464114
  6. #3b3611
  7. #2f2b0e
  8. #23200a
  9. #171607
  10. #0c0b03
  11. #000000

التفتيحات

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

  1. #756c22
  2. #837b38
  3. #91894e
  4. #9e9864
  5. #aca77a
  6. #bab691
  7. #c8c4a7
  8. #d6d3bd
  9. #e3e2d3
  10. #f1f0e9
  11. #ffffff

الدرجات

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

  1. #756c22
  2. #766e2b
  3. #777035
  4. #78723e
  5. #797448
  6. #7b7651
  7. #7c785a
  8. #7d7a64
  9. #7e7c6d
  10. #7f7e77
  11. #808080

نص مقروء 5.35:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 3.92:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #6b6b6b ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #6f6b56 ≈ 0.001% من الذكور
عمى الأحمر #766918 ≈ 1.01% من الذكور
عمى الأخضر #796c27 ≈ 1.27% من الذكور
عمى الأزرق #7e645d ≈ 0.0001% من الذكور
ضعف الأحمر #766a1c ≈ 1.08% من الذكور
ضعف الأخضر #776c25 ≈ 4.63% من الذكور
ضعف الأزرق #7b674c ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-756c22 {
  color: #756c22;
}
الخلفية
.bg-756c22 {
  background-color: #756c22;
  color: #ffffff;
}
الحد
.border-756c22 {
  border: 2px solid #756c22;
}
متغيرات CSS
:root {
  --color-primary: #756c22;
  --color-primary-rgb: 117 108 34;
  --color-primary-hsl: 53 55% 30%;
}
تدرج
.gradient-756c22 {
  background: linear-gradient(135deg, #756c22, #557522);
}
ظل ملوّن
.shadow-756c22 {
  box-shadow: 0 8px 24px rgb(117 108 34 / 0.35);
}

Olive
#756c22  rgb(117, 108, 34)  hsl(53, 55%, 30%)  Olive
#222b75  rgb(34, 43, 117)  hsl(233, 55%, 30%)  Midnight Blue
#22756c  rgb(34, 117, 108)  hsl(173, 55%, 30%)  Pine Green
#6c2275  rgb(108, 34, 117)  hsl(293, 55%, 30%)  Eminence