ColorTool
تسجيل الدخول
#6364C2

#6364c2 ≈ Slate Blue

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

⁦#6364c2⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 38.82% أحمر و39.22% أخضر و76.08% أزرق؛ وعند طباعته بنظام CMYK يستخدم 48.97% سماوي و48.45% أرجواني و0% أصفر و23.92% أسود. زاوية صبغته 239.37°، وتشبّعه 43.78% وسطوعه 57.45% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 5.08:1 (WCAG AA). أقرب لون مسمّى هو Slate Blue (⁦#6a5acd⁩)، وفرقه ΔE ‏4.17.

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

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

متكامل

  1. #6364c2
  2. #c2c163

متكامل منقسم

  1. #6364c2
  2. #c29163
  3. #93c263

متجاور

  1. #6393c2
  2. #6364c2
  3. #9163c2

ثلاثي

  1. #6364c2
  2. #c26364
  3. #64c263

رباعي

  1. #6364c2
  2. #c163c2
  3. #c2c163
  4. #64c263

مربع

  1. #6364c2
  2. #c26393
  3. #c2c163
  4. #63c291

أحادي اللون

  1. #272865
  2. #3d3e9c
  3. #6364c2
  4. #9a9bd8
  5. #d1d1ed

الظلال

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

  1. #6364c2
  2. #595aaf
  3. #4f509b
  4. #454688
  5. #3b3c74
  6. #323261
  7. #28284e
  8. #1e1e3a
  9. #141427
  10. #0a0a13
  11. #000000

التفتيحات

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

  1. #6364c2
  2. #7374c8
  3. #8283ce
  4. #9293d4
  5. #a1a2da
  6. #b1b2e1
  7. #c1c1e7
  8. #d0d1ed
  9. #e0e0f3
  10. #eff0f9
  11. #ffffff

الدرجات

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

  1. #6364c2
  2. #6667bb
  3. #696ab5
  4. #6c6cae
  5. #6f6fa8
  6. #7272a1
  7. #74759a
  8. #777894
  9. #7a7a8d
  10. #7d7d87
  11. #808080

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

عمى الألوان الكلي #6e6e6e ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #6a6a97 ≈ 0.001% من الذكور
عمى الأحمر #3a72c5 ≈ 1.01% من الذكور
عمى الأخضر #336bc0 ≈ 1.27% من الذكور
عمى الأزرق #3f788a ≈ 0.0001% من الذكور
ضعف الأحمر #4e6dc4 ≈ 1.08% من الذكور
ضعف الأخضر #4b68c1 ≈ 4.63% من الذكور
ضعف الأزرق #5071a3 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-6364c2 {
  color: #6364c2;
}
الخلفية
.bg-6364c2 {
  background-color: #6364c2;
  color: #ffffff;
}
الحد
.border-6364c2 {
  border: 2px solid #6364c2;
}
متغيرات CSS
:root {
  --color-primary: #6364c2;
  --color-primary-rgb: 99 100 194;
  --color-primary-hsl: 239 44% 57%;
}
تدرج
.gradient-6364c2 {
  background: linear-gradient(135deg, #6364c2, #9163c2);
}
ظل ملوّن
.shadow-6364c2 {
  box-shadow: 0 8px 24px rgb(99 100 194 / 0.35);
}

#6a5acd Slate Blue ΔE 4.17 #5a4fcf Iris ΔE 6.87 #4169e1 Royal Blue ΔE 6.98 #6050dc Majorelle Blue ΔE 7.13 #7b68ee Medium Slate Blue ΔE 7.81 #4166f5 Ultramarine Blue ΔE 7.81 #7851a9 Royal Purple ΔE 9.70 #9c9b3d معكوس #6e6e6e تدرج رمادي 

Slate Blue
#6364c2  rgb(99, 100, 194)  hsl(239, 44%, 57%)  Slate Blue
#c2c163  rgb(194, 193, 99)  hsl(59, 44%, 57%)  Dark Khaki
#c26364  rgb(194, 99, 100)  hsl(359, 44%, 57%)  Indian Red
#64c263  rgb(100, 194, 99)  hsl(119, 44%, 57%)  Mantis