#3B4F7D

#3b4f7d ≈ Yale Blue

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

⁦#3b4f7d⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه معتدل. في نموذج RGB يتكوّن من 23.14% أحمر و30.98% أخضر و49.02% أزرق؛ وعند طباعته بنظام CMYK يستخدم 52.8% سماوي و36.8% أرجواني و0% أصفر و50.98% أسود. زاوية صبغته 221.82°، وتشبّعه 35.87% وسطوعه 36.08% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 8.08:1 (WCAG AAA). أقرب لون مسمّى هو Yale Blue (⁦#0f4d92⁩)، وفرقه ΔE ‏6.19.

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

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

الظلال

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

  1. #3b4f7d
  2. #354771
  3. #2f3f64
  4. #293758
  5. #232f4b
  6. #1e283f
  7. #182032
  8. #121826
  9. #0c1019
  10. #06080d
  11. #000000

التفتيحات

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

  1. #3b4f7d
  2. #4f618a
  3. #627297
  4. #7684a4
  5. #8995b1
  6. #9da7be
  7. #b1b9cb
  8. #c4cad8
  9. #d8dce5
  10. #ebedf2
  11. #ffffff

الدرجات

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

  1. #3b4f7d
  2. #42547d
  3. #49597e
  4. #505e7e
  5. #57637e
  6. #5e687f
  7. #646c7f
  8. #6b717f
  9. #72767f
  10. #797b80
  11. #808080

نص مقروء 8.08:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 2.6:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #505050 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #485065 ≈ 0.001% من الذكور
عمى الأحمر #3d537f ≈ 1.01% من الذكور
عمى الأخضر #364d7c ≈ 1.27% من الذكور
عمى الأزرق #1d5960 ≈ 0.0001% من الذكور
ضعف الأحمر #3c527e ≈ 1.08% من الذكور
ضعف الأخضر #384e7c ≈ 4.63% من الذكور
ضعف الأزرق #2c556d ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-3b4f7d {
  color: #3b4f7d;
}
الخلفية
.bg-3b4f7d {
  background-color: #3b4f7d;
  color: #ffffff;
}
الحد
.border-3b4f7d {
  border: 2px solid #3b4f7d;
}
متغيرات CSS
:root {
  --color-primary: #3b4f7d;
  --color-primary-rgb: 59 79 125;
  --color-primary-hsl: 222 36% 36%;
}
تدرج
.gradient-3b4f7d {
  background: linear-gradient(135deg, #3b4f7d, #483b7d);
}
ظل ملوّن
.shadow-3b4f7d {
  box-shadow: 0 8px 24px rgb(59 79 125 / 0.35);
}

Yale Blue
#3b4f7d  rgb(59, 79, 125)  hsl(222, 36%, 36%)  Yale Blue
#7d693b  rgb(125, 105, 59)  hsl(42, 36%, 36%)  Raw Umber
#7d3b4f  rgb(125, 59, 79)  hsl(342, 36%, 36%)  Wine
#4f7d3b  rgb(79, 125, 59)  hsl(102, 36%, 36%)  Fern Green