#2B3F95

#2b3f95 ≈ Smalt

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

⁦#2b3f95⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه معتدل. في نموذج RGB يتكوّن من 16.86% أحمر و24.71% أخضر و58.43% أزرق؛ وعند طباعته بنظام CMYK يستخدم 71.14% سماوي و57.72% أرجواني و0% أصفر و41.57% أسود. زاوية صبغته 228.68°، وتشبّعه 55.21% وسطوعه 37.65% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 9.34:1 (WCAG AAA). أقرب لون مسمّى هو Smalt (⁦#003399⁩)، وفرقه ΔE ‏4.13.

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

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

الظلال

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

  1. #2b3f95
  2. #273986
  3. #223277
  4. #1e2c68
  5. #1a2659
  6. #16204b
  7. #11193c
  8. #0d132d
  9. #090d1e
  10. #04060f
  11. #000000

التفتيحات

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

  1. #2b3f95
  2. #4052a0
  3. #5565aa
  4. #6b79b5
  5. #808cbf
  6. #959fca
  7. #aab2d5
  8. #bfc5df
  9. #d5d9ea
  10. #eaecf4
  11. #ffffff

الدرجات

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

  1. #2b3f95
  2. #344693
  3. #3c4c91
  4. #45538f
  5. #4d598d
  6. #56608b
  7. #5e6688
  8. #676d86
  9. #6f7384
  10. #787a82
  11. #808080

نص مقروء 9.34:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 2.25:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #474747 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #3d446f ≈ 0.001% من الذكور
عمى الأحمر #004c98 ≈ 1.01% من الذكور
عمى الأخضر #004293 ≈ 1.27% من الذكور
عمى الأزرق #005463 ≈ 0.0001% من الذكور
ضعف الأحمر #134797 ≈ 1.08% من الذكور
ضعف الأخضر #004194 ≈ 4.63% من الذكور
ضعف الأزرق #004c7a ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

Smalt
#2b3f95  rgb(43, 63, 149)  hsl(229, 55%, 38%)  Smalt
#95812b  rgb(149, 129, 43)  hsl(49, 55%, 38%)  Olive
#952b3f  rgb(149, 43, 63)  hsl(349, 55%, 38%)  Vivid Burgundy
#3f952b  rgb(63, 149, 43)  hsl(109, 55%, 38%)  Islamic Green