ColorTool
تسجيل الدخول
#685DED

#685ded ≈ Medium Slate Blue

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

⁦#685ded⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه قوي. في نموذج RGB يتكوّن من 40.78% أحمر و36.47% أخضر و92.94% أزرق؛ وعند طباعته بنظام CMYK يستخدم 56.12% سماوي و60.76% أرجواني و0% أصفر و7.06% أسود. زاوية صبغته 244.58°، وتشبّعه 80% وسطوعه 64.71% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 4.8:1 (WCAG AA). أقرب لون مسمّى هو Medium Slate Blue (⁦#7b68ee⁩)، وفرقه ΔE ‏4.4.

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

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

متكامل

  1. #685ded
  2. #e2ed5d

متكامل منقسم

  1. #685ded
  2. #edb05d
  3. #9aed5d

متجاور

  1. #5d9aed
  2. #685ded
  3. #b05ded

ثلاثي

  1. #685ded
  2. #ed685d
  3. #5ded68

رباعي

  1. #685ded
  2. #ed5de2
  3. #e2ed5d
  4. #5ded68

مربع

  1. #685ded
  2. #ed5d9a
  3. #e2ed5d
  4. #5dedb0

أحادي اللون

  1. #1d129f
  2. #2919e4
  3. #685ded
  4. #a8a2f5
  5. #e8e7fc

الظلال

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

  1. #685ded
  2. #5e54d5
  3. #534abe
  4. #4941a6
  5. #3e388e
  6. #342f77
  7. #2a255f
  8. #1f1c47
  9. #15132f
  10. #0a0918
  11. #000000

التفتيحات

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

  1. #685ded
  2. #776def
  3. #867df1
  4. #958ef2
  5. #a49ef4
  6. #b4aef6
  7. #c3bef8
  8. #d2cefa
  9. #e1dffb
  10. #f0effd
  11. #ffffff

الدرجات

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

  1. #685ded
  2. #6a61e2
  3. #6d64d7
  4. #6f68cc
  5. #726bc1
  6. #746fb7
  7. #7672ac
  8. #7976a1
  9. #7b7996
  10. #7e7d8b
  11. #808080

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

عمى الألوان الكلي #727272 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #6e6ab1 ≈ 0.001% من الذكور
عمى الأحمر #0077f2 ≈ 1.01% من الذكور
عمى الأخضر #006dea ≈ 1.27% من الذكور
عمى الأزرق #1f809c ≈ 0.0001% من الذكور
ضعف الأحمر #336ef0 ≈ 1.08% من الذكور
ضعف الأخضر #2d67eb ≈ 4.63% من الذكور
ضعف الأزرق #4774c2 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-685ded {
  color: #685ded;
}
الخلفية
.bg-685ded {
  background-color: #685ded;
  color: #ffffff;
}
الحد
.border-685ded {
  border: 2px solid #685ded;
}
متغيرات CSS
:root {
  --color-primary: #685ded;
  --color-primary-rgb: 104 93 237;
  --color-primary-hsl: 245 80% 65%;
}
تدرج
.gradient-685ded {
  background: linear-gradient(135deg, #685ded, #b05ded);
}
ظل ملوّن
.shadow-685ded {
  box-shadow: 0 8px 24px rgb(104 93 237 / 0.35);
}

#7b68ee Medium Slate Blue ΔE 4.40 #6a5acd Slate Blue ΔE 4.60 #6050dc Majorelle Blue ΔE 4.72 #4166f5 Ultramarine Blue ΔE 5.98 #5a4fcf Iris ΔE 6.35 #4169e1 Royal Blue ΔE 7.70 #9370db Medium Purple ΔE 9.89 #97a212 معكوس #727272 تدرج رمادي 

Medium Slate Blue
#685ded  rgb(104, 93, 237)  hsl(245, 80%, 65%)  Medium Slate Blue
#e2ed5d  rgb(226, 237, 93)  hsl(65, 80%, 65%)  Pear
#ed685d  rgb(237, 104, 93)  hsl(5, 80%, 65%)  Pastel Red
#5ded68  rgb(93, 237, 104)  hsl(125, 80%, 65%)  Pastel Green