ColorTool
تسجيل الدخول
#9688F7

#9688f7 ≈ Medium Purple

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

⁦#9688f7⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 58.82% أحمر و53.33% أخضر و96.86% أزرق؛ وعند طباعته بنظام CMYK يستخدم 39.27% سماوي و44.94% أرجواني و0% أصفر و3.14% أسود. زاوية صبغته 247.57°، وتشبّعه 87.4% وسطوعه 75.1% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولوحات الباستيل الناعمة. يحقق النص الأسود على هذا اللون نسبة تباين 7.16:1 (WCAG AAA). أقرب لون مسمّى هو Medium Purple (⁦#9370db⁩)، وفرقه ΔE ‏8.05.

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

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

متكامل

  1. #9688f7
  2. #e9f788

متكامل منقسم

  1. #9688f7
  2. #f7ce88
  3. #b2f788

متجاور

  1. #88b2f7
  2. #9688f7
  3. #ce88f7

ثلاثي

  1. #9688f7
  2. #f79688
  3. #88f796

رباعي

  1. #9688f7
  2. #f788e9
  3. #e9f788
  4. #88f796

مربع

  1. #9688f7
  2. #f788b2
  3. #e9f788
  4. #88f7ce

أحادي اللون

  1. #280ed8
  2. #5740f2
  3. #9688f7
  4. #d5d0fc
  5. #eeecfe

الظلال

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

  1. #9688f7
  2. #877ade
  3. #786dc6
  4. #695fad
  5. #5a5294
  6. #4b447c
  7. #3c3663
  8. #2d294a
  9. #1e1b31
  10. #0f0e19
  11. #000000

التفتيحات

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

  1. #9688f7
  2. #a194f8
  3. #aba0f9
  4. #b6acf9
  5. #c0b8fa
  6. #cbc4fb
  7. #d5cffc
  8. #e0dbfd
  9. #eae7fd
  10. #f5f3fe
  11. #ffffff

الدرجات

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

  1. #9688f7
  2. #9487eb
  3. #9286df
  4. #8f86d3
  5. #8d85c7
  6. #8b84bc
  7. #8983b0
  8. #8782a4
  9. #848298
  10. #82818c
  11. #808080

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

عمى الألوان الكلي #979797 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #9691c5 ≈ 0.001% من الذكور
عمى الأحمر #5f99fb ≈ 1.01% من الذكور
عمى الأخضر #5e94f4 ≈ 1.27% من الذكور
عمى الأزرق #7b9eb4 ≈ 0.0001% من الذكور
ضعف الأحمر #7993f9 ≈ 1.08% من الذكور
ضعف الأخضر #788ff5 ≈ 4.63% من الذكور
ضعف الأزرق #8796d2 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-9688f7 {
  color: #9688f7;
}
الخلفية
.bg-9688f7 {
  background-color: #9688f7;
  color: #000000;
}
الحد
.border-9688f7 {
  border: 2px solid #9688f7;
}
متغيرات CSS
:root {
  --color-primary: #9688f7;
  --color-primary-rgb: 150 136 247;
  --color-primary-hsl: 248 87% 75%;
}
تدرج
.gradient-9688f7 {
  background: linear-gradient(135deg, #9688f7, #ce88f7);
}
ظل ملوّن
.shadow-9688f7 {
  box-shadow: 0 8px 24px rgb(150 136 247 / 0.35);
}

#9370db Medium Purple ΔE 8.05 #b57edc Floral Lavender ΔE 9.81 #7b68ee Medium Slate Blue ΔE 9.93 #9966cc Amethyst ΔE 12.12 #778899 Light Slate Gray ΔE 12.35 #778899 Light Slate Grey ΔE 12.35 #6495ed Cornflower Blue ΔE 12.40 #697708 معكوس #979797 تدرج رمادي 

Medium Purple
#9688f7  rgb(150, 136, 247)  hsl(248, 87%, 75%)  Medium Purple
#e9f788  rgb(233, 247, 136)  hsl(68, 87%, 75%)  Pastel Yellow
#f79688  rgb(247, 150, 136)  hsl(8, 87%, 75%)  Vivid Tangerine
#88f796  rgb(136, 247, 150)  hsl(128, 87%, 75%)  Pale Green