#8BB5AB

#8bb5ab ≈ Opal

  • الأخضر المزرق
  • السطوع: مرتفع
  • التشبّع: خافت
  • بارد

⁦#8bb5ab⁩ لون من عائلة «الأخضر المزرق»، سطوعه مرتفع وتشبّعه خافت. في نموذج RGB يتكوّن من 54.51% أحمر و70.98% أخضر و67.06% أزرق؛ وعند طباعته بنظام CMYK يستخدم 23.2% سماوي و0% أرجواني و5.52% أصفر و29.02% أسود. زاوية صبغته 165.71°، وتشبّعه 22.11% وسطوعه 62.75% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالصفاء والهدوء والتجدد. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 9.3:1 (WCAG AAA). أقرب لون مسمّى هو Opal (⁦#a8c3bc⁩)، وفرقه ΔE ‏6.33.

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

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

الظلال

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

  1. #8bb5ab
  2. #7da39a
  3. #6f9189
  4. #617f78
  5. #536d67
  6. #465b56
  7. #384844
  8. #2a3633
  9. #1c2422
  10. #0e1211
  11. #000000

التفتيحات

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

  1. #8bb5ab
  2. #97bcb3
  3. #a2c4bc
  4. #aecbc4
  5. #b9d3cd
  6. #c5dad5
  7. #d1e1dd
  8. #dce9e6
  9. #e8f0ee
  10. #f3f8f7
  11. #ffffff

الدرجات

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

  1. #8bb5ab
  2. #8ab0a7
  3. #89aaa2
  4. #88a59e
  5. #87a09a
  6. #869b96
  7. #849591
  8. #83908d
  9. #828b89
  10. #818584
  11. #808080

نص مقروء 2.26:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 9.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #acacac ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #a0b0ac ≈ 0.001% من الذكور
عمى الأحمر #b1b0ab ≈ 1.01% من الذكور
عمى الأخضر #aaaaac ≈ 1.27% من الذكور
عمى الأزرق #80b6b2 ≈ 0.0001% من الذكور
ضعف الأحمر #a3b2ab ≈ 1.08% من الذكور
ضعف الأخضر #9eafab ≈ 4.63% من الذكور
ضعف الأزرق #85b6af ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-8bb5ab {
  color: #8bb5ab;
}
الخلفية
.bg-8bb5ab {
  background-color: #8bb5ab;
  color: #000000;
}
الحد
.border-8bb5ab {
  border: 2px solid #8bb5ab;
}
متغيرات CSS
:root {
  --color-primary: #8bb5ab;
  --color-primary-rgb: 139 181 171;
  --color-primary-hsl: 166 22% 63%;
}
تدرج
.gradient-8bb5ab {
  background: linear-gradient(135deg, #8bb5ab, #8baab5);
}
ظل ملوّن
.shadow-8bb5ab {
  box-shadow: 0 8px 24px rgb(139 181 171 / 0.35);
}

Opal
#8bb5ab  rgb(139, 181, 171)  hsl(166, 22%, 63%)  Opal
#b58b95  rgb(181, 139, 149)  hsl(346, 22%, 63%)  Rosy Brown
#ab8bb5  rgb(171, 139, 181)  hsl(286, 22%, 63%)  Lilac
#b5ab8b  rgb(181, 171, 139)  hsl(46, 22%, 63%)  Ecru