ColorTool
تسجيل الدخول
#347AB3

#347ab3 ≈ Tufts Blue

  • اللازوردي
  • السطوع: متوسط
  • التشبّع: معتدل
  • بارد
تحقق من التباين استكشف في الشبكة لون عشوائي

⁦#347ab3⁩ لون من عائلة «اللازوردي»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 20.39% أحمر و47.84% أخضر و70.2% أزرق؛ وعند طباعته بنظام CMYK يستخدم 70.95% سماوي و31.84% أرجواني و0% أصفر و29.8% أسود. زاوية صبغته 206.93°، وتشبّعه 54.98% وسطوعه 45.29% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانفتاح والحرية والسكينة. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 4.58:1 (WCAG AA). أقرب لون مسمّى هو Tufts Blue (⁦#417dc1⁩)، وفرقه ΔE ‏3.24.

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

HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#3366cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.179

متكامل

  1. #347ab3
  2. #b36d34

متكامل منقسم

  1. #347ab3
  2. #b3343a
  3. #b3ac34

متجاور

  1. #34b3ac
  2. #347ab3
  3. #343ab3

ثلاثي

  1. #347ab3
  2. #b3347a
  3. #7ab334

رباعي

  1. #347ab3
  2. #6d34b3
  3. #b36d34
  4. #7ab334

مربع

  1. #347ab3
  2. #ac34b3
  3. #b36d34
  4. #3ab334

أحادي اللون

  1. #12293c
  2. #235278
  3. #347ab3
  4. #629fd1
  5. #9dc4e3

الظلال

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

  1. #347ab3
  2. #2f6ea1
  3. #2a628f
  4. #24557d
  5. #1f496b
  6. #1a3d5a
  7. #153148
  8. #102536
  9. #0a1824
  10. #050c12
  11. #000000

التفتيحات

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

  1. #347ab3
  2. #4887bb
  3. #5d95c2
  4. #71a2ca
  5. #85afd1
  6. #9abdd9
  7. #aecae1
  8. #c2d7e8
  9. #d6e4f0
  10. #ebf2f7
  11. #ffffff

الدرجات

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

  1. #347ab3
  2. #3c7bae
  3. #437ba9
  4. #4b7ca4
  5. #527c9f
  6. #5a7d9a
  7. #627e94
  8. #697e8f
  9. #717f8a
  10. #787f85
  11. #808080

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

عمى الألوان الكلي #757575 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #627792 ≈ 0.001% من الذكور
عمى الأحمر #607cb5 ≈ 1.01% من الذكور
عمى الأخضر #4f70b2 ≈ 1.27% من الذكور
عمى الأزرق #00888e ≈ 0.0001% من الذكور
ضعف الأحمر #527bb4 ≈ 1.08% من الذكور
ضعف الأخضر #4574b2 ≈ 4.63% من الذكور
ضعف الأزرق #00829e ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-347ab3 {
  color: #347ab3;
}
الخلفية
.bg-347ab3 {
  background-color: #347ab3;
  color: #000000;
}
الحد
.border-347ab3 {
  border: 2px solid #347ab3;
}
متغيرات CSS
:root {
  --color-primary: #347ab3;
  --color-primary-rgb: 52 122 179;
  --color-primary-hsl: 207 55% 45%;
}
تدرج
.gradient-347ab3 {
  background: linear-gradient(135deg, #347ab3, #343ab3);
}
ظل ملوّن
.shadow-347ab3 {
  box-shadow: 0 8px 24px rgb(52 122 179 / 0.35);
}

#417dc1 Tufts Blue ΔE 3.24 #4682b4 Steel Blue ΔE 3.28 #0072bb French Blue ΔE 3.42 #0073cf True Blue ΔE 3.91 #007ba7 Cerulean ΔE 6.15 #436b95 Queen Blue ΔE 6.79 #0067a5 Medium Persian Blue ΔE 7.23 #cb854c معكوس #757575 تدرج رمادي 

Tufts Blue
#347ab3  rgb(52, 122, 179)  hsl(207, 55%, 45%)  Tufts Blue
#b36d34  rgb(179, 109, 52)  hsl(27, 55%, 45%)  Copper
#b3347a  rgb(179, 52, 122)  hsl(327, 55%, 45%)  Medium Violet Red
#7ab334  rgb(122, 179, 52)  hsl(87, 55%, 45%)  Apple Green