ColorTool
تسجيل الدخول
#6F72E4

#6f72e4 ≈ Medium Slate Blue

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

⁦#6f72e4⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 43.53% أحمر و44.71% أخضر و89.41% أزرق؛ وعند طباعته بنظام CMYK يستخدم 51.32% سماوي و50% أرجواني و0% أصفر و10.59% أسود. زاوية صبغته 238.46°، وتشبّعه 68.42% وسطوعه 66.47% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 5.2:1 (WCAG AA). أقرب لون مسمّى هو Medium Slate Blue (⁦#7b68ee⁩)، وفرقه ΔE ‏4.27.

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

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

متكامل

  1. #6f72e4
  2. #e4e16f

متكامل منقسم

  1. #6f72e4
  2. #e4a66f
  3. #ade46f

متجاور

  1. #6fade4
  2. #6f72e4
  3. #a66fe4

ثلاثي

  1. #6f72e4
  2. #e46f72
  3. #72e46f

رباعي

  1. #6f72e4
  2. #e16fe4
  3. #e4e16f
  4. #72e46f

مربع

  1. #6f72e4
  2. #e46fad
  3. #e4e16f
  4. #6fe4a6

أحادي اللون

  1. #1d219d
  2. #2f33d8
  3. #6f72e4
  4. #afb1f0
  5. #eeeefc

الظلال

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

  1. #6f72e4
  2. #6467cd
  3. #595bb6
  4. #4e50a0
  5. #434489
  6. #383972
  7. #2c2e5b
  8. #212244
  9. #16172e
  10. #0b0b17
  11. #000000

التفتيحات

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

  1. #6f72e4
  2. #7d80e7
  3. #8c8ee9
  4. #9a9cec
  5. #a9aaef
  6. #b7b9f2
  7. #c5c7f4
  8. #d4d5f7
  9. #e2e3fa
  10. #f1f1fc
  11. #ffffff

الدرجات

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

  1. #6f72e4
  2. #7173da
  3. #7275d0
  4. #7476c6
  5. #7678bc
  6. #7879b2
  7. #797aa8
  8. #7b7c9e
  9. #7d7d94
  10. #7e7f8a
  11. #808080

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

عمى الألوان الكلي #7e7e7e ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #797ab0 ≈ 0.001% من الذكور
عمى الأحمر #3a83e8 ≈ 1.01% من الذكور
عمى الأخضر #2d7ae2 ≈ 1.27% من الذكور
عمى الأزرق #3e8ba0 ≈ 0.0001% من الذكور
ضعف الأحمر #547de6 ≈ 1.08% من الذكور
ضعف الأخضر #5077e3 ≈ 4.63% من الذكور
ضعف الأزرق #5682bf ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-6f72e4 {
  color: #6f72e4;
}
الخلفية
.bg-6f72e4 {
  background-color: #6f72e4;
  color: #000000;
}
الحد
.border-6f72e4 {
  border: 2px solid #6f72e4;
}
متغيرات CSS
:root {
  --color-primary: #6f72e4;
  --color-primary-rgb: 111 114 228;
  --color-primary-hsl: 238 68% 66%;
}
تدرج
.gradient-6f72e4 {
  background: linear-gradient(135deg, #6f72e4, #a66fe4);
}
ظل ملوّن
.shadow-6f72e4 {
  box-shadow: 0 8px 24px rgb(111 114 228 / 0.35);
}

#7b68ee Medium Slate Blue ΔE 4.27 #4166f5 Ultramarine Blue ΔE 6.71 #4169e1 Royal Blue ΔE 7.14 #9370db Medium Purple ΔE 7.76 #6a5acd Slate Blue ΔE 8.55 #6082b6 Glaucous ΔE 9.00 #0070ff Brandeis Blue ΔE 9.19 #908d1b معكوس #7e7e7e تدرج رمادي 

Medium Slate Blue
#6f72e4  rgb(111, 114, 228)  hsl(238, 68%, 66%)  Medium Slate Blue
#e4e16f  rgb(228, 225, 111)  hsl(58, 68%, 66%)  Straw
#e46f72  rgb(228, 111, 114)  hsl(358, 68%, 66%)  Light Coral
#72e46f  rgb(114, 228, 111)  hsl(118, 68%, 66%)  Pastel Green