ColorTool
تسجيل الدخول
#2176C4

#2176c4 ≈ True Blue

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

⁦#2176c4⁩ لون من عائلة «اللازوردي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 12.94% أحمر و46.27% أخضر و76.86% أزرق؛ وعند طباعته بنظام CMYK يستخدم 83.16% سماوي و39.8% أرجواني و0% أصفر و23.14% أسود. زاوية صبغته 208.71°، وتشبّعه 71.18% وسطوعه 44.9% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانفتاح والحرية والسكينة. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 4.72:1 (WCAG AA). أقرب لون مسمّى هو True Blue (⁦#0073cf⁩)، وفرقه ΔE ‏1.45.

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

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

متكامل

  1. #2176c4
  2. #c46f21

متكامل منقسم

  1. #2176c4
  2. #c42125
  3. #c4c021

متجاور

  1. #21c4c0
  2. #2176c4
  3. #2125c4

ثلاثي

  1. #2176c4
  2. #c42176
  3. #76c421

رباعي

  1. #2176c4
  2. #6f21c4
  3. #c46f21
  4. #76c421

مربع

  1. #2176c4
  2. #c021c4
  3. #c46f21
  4. #25c421

أحادي اللون

  1. #0b2741
  2. #164f83
  3. #2176c4
  4. #509ce2
  5. #91c1ed

الظلال

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

  1. #2176c4
  2. #1e6ab0
  3. #1a5e9d
  4. #175389
  5. #144776
  6. #113b62
  7. #0d2f4e
  8. #0a233b
  9. #071827
  10. #030c14
  11. #000000

التفتيحات

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

  1. #2176c4
  2. #3784ca
  3. #4d91d0
  4. #649fd6
  5. #7aaddc
  6. #90bbe2
  7. #a6c8e7
  8. #bcd6ed
  9. #d3e4f3
  10. #e9f1f9
  11. #ffffff

الدرجات

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

  1. #2176c4
  2. #2b77bd
  3. #3478b6
  4. #3e79b0
  5. #477aa9
  6. #517ba2
  7. #5a7c9b
  8. #647d94
  9. #6d7e8e
  10. #777f87
  11. #808080

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

عمى الألوان الكلي #737373 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #5d749a ≈ 0.001% من الذكور
عمى الأحمر #507bc7 ≈ 1.01% من الذكور
عمى الأخضر #356dc2 ≈ 1.27% من الذكور
عمى الأزرق #008993 ≈ 0.0001% من الذكور
ضعف الأحمر #4279c6 ≈ 1.08% من الذكور
ضعف الأخضر #2e71c3 ≈ 4.63% من الذكور
ضعف الأزرق #0082a9 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-2176c4 {
  color: #2176c4;
}
الخلفية
.bg-2176c4 {
  background-color: #2176c4;
  color: #ffffff;
}
الحد
.border-2176c4 {
  border: 2px solid #2176c4;
}
متغيرات CSS
:root {
  --color-primary: #2176c4;
  --color-primary-rgb: 33 118 196;
  --color-primary-hsl: 209 71% 45%;
}
تدرج
.gradient-2176c4 {
  background: linear-gradient(135deg, #2176c4, #2125c4);
}
ظل ملوّن
.shadow-2176c4 {
  box-shadow: 0 8px 24px rgb(33 118 196 / 0.35);
}

#0073cf True Blue ΔE 1.45 #0072bb French Blue ΔE 2.52 #417dc1 Tufts Blue ΔE 3.28 #4682b4 Steel Blue ΔE 5.10 #0067a5 Medium Persian Blue ΔE 6.61 #436b95 Queen Blue ΔE 6.84 #0070ff Brandeis Blue ΔE 7.43 #de893b معكوس #737373 تدرج رمادي 

True Blue
#2176c4  rgb(33, 118, 196)  hsl(209, 71%, 45%)  True Blue
#c46f21  rgb(196, 111, 33)  hsl(29, 71%, 45%)  Ochre
#c42176  rgb(196, 33, 118)  hsl(329, 71%, 45%)  Medium Violet Red
#76c421  rgb(118, 196, 33)  hsl(89, 71%, 45%)  Kelly Green