#8B9BC4

#8b9bc4 ≈ Cool Gray

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

⁦#8b9bc4⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه خافت. في نموذج RGB يتكوّن من 54.51% أحمر و60.78% أخضر و76.86% أزرق؛ وعند طباعته بنظام CMYK يستخدم 29.08% سماوي و20.92% أرجواني و0% أصفر و23.14% أسود. زاوية صبغته 223.16°، وتشبّعه 32.57% وسطوعه 65.69% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 7.58:1 (WCAG AAA). أقرب لون مسمّى هو Cool Gray (⁦#8c92ac⁩)، وفرقه ΔE ‏5.87.

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

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

الظلال

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

  1. #8b9bc4
  2. #7d8cb0
  3. #6f7c9d
  4. #616d89
  5. #535d76
  6. #464e62
  7. #383e4e
  8. #2a2f3b
  9. #1c1f27
  10. #0e1014
  11. #000000

التفتيحات

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

  1. #8b9bc4
  2. #97a5ca
  3. #a2afd0
  4. #aeb9d6
  5. #b9c3dc
  6. #c5cde2
  7. #d1d7e7
  8. #dce1ed
  9. #e8ebf3
  10. #f3f5f9
  11. #ffffff

الدرجات

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

  1. #8b9bc4
  2. #8a98bd
  3. #8996b6
  4. #8893b0
  5. #8790a9
  6. #868ea2
  7. #848b9b
  8. #838894
  9. #82858e
  10. #818387
  11. #808080

نص مقروء 2.77:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 7.58:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #9b9b9b ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #959bad ≈ 0.001% من الذكور
عمى الأحمر #8e9ec6 ≈ 1.01% من الذكور
عمى الأخضر #8999c3 ≈ 1.27% من الذكور
عمى الأزرق #7ca3a9 ≈ 0.0001% من الذكور
ضعف الأحمر #8d9dc5 ≈ 1.08% من الذكور
ضعف الأخضر #8a9ac3 ≈ 4.63% من الذكور
ضعف الأزرق #82a0b4 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-8b9bc4 {
  color: #8b9bc4;
}
الخلفية
.bg-8b9bc4 {
  background-color: #8b9bc4;
  color: #000000;
}
الحد
.border-8b9bc4 {
  border: 2px solid #8b9bc4;
}
متغيرات CSS
:root {
  --color-primary: #8b9bc4;
  --color-primary-rgb: 139 155 196;
  --color-primary-hsl: 223 33% 66%;
}
تدرج
.gradient-8b9bc4 {
  background: linear-gradient(135deg, #8b9bc4, #988bc4);
}
ظل ملوّن
.shadow-8b9bc4 {
  box-shadow: 0 8px 24px rgb(139 155 196 / 0.35);
}

Cool Gray
#8b9bc4  rgb(139, 155, 196)  hsl(223, 33%, 66%)  Cool Gray
#c4b48b  rgb(196, 180, 139)  hsl(43, 33%, 66%)  Ecru
#c48b9b  rgb(196, 139, 155)  hsl(343, 33%, 66%)  Puce
#9bc48b  rgb(155, 196, 139)  hsl(103, 33%, 66%)  Dark Sea Green