#A3A4F2

#a3a4f2 ≈ Wild Blue Yonder

  • الأزرق
  • السطوع: مرتفع
  • التشبّع: معتدل
  • بارد

⁦#a3a4f2⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 63.92% أحمر و64.31% أخضر و94.9% أزرق؛ وعند طباعته بنظام CMYK يستخدم 32.64% سماوي و32.23% أرجواني و0% أصفر و5.1% أسود. زاوية صبغته 239.24°، وتشبّعه 75.24% وسطوعه 79.41% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولوحات الباستيل الناعمة. يحقق النص الأسود على هذا اللون نسبة تباين 9.15:1 (WCAG AAA). أقرب لون مسمّى هو Wild Blue Yonder (⁦#a2add0⁩)، وفرقه ΔE ‏7.55.

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

تحويلات ⁦#a3a4f2⁩ إلى فضاءات ألوان أخرى
HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#9999ff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.4075

الظلال

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

  1. #a3a4f2
  2. #9394da
  3. #8283c2
  4. #7273a9
  5. #626291
  6. #525279
  7. #414261
  8. #313149
  9. #212130
  10. #101018
  11. #000000

التفتيحات

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

  1. #a3a4f2
  2. #acadf3
  3. #b5b6f5
  4. #bfbff6
  5. #c8c8f7
  6. #d1d2f9
  7. #dadbfa
  8. #e3e4fb
  9. #ededfc
  10. #f6f6fe
  11. #ffffff

الدرجات

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

  1. #a3a4f2
  2. #a0a0e7
  3. #9c9ddb
  4. #9999d0
  5. #9596c4
  6. #9292b9
  7. #8e8eae
  8. #8b8ba2
  9. #878797
  10. #84848b
  11. #808080

نص مقروء 2.3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 9.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #ababab ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #a8a8cb ≈ 0.001% من الذكور
عمى الأحمر #8daef5 ≈ 1.01% من الذكور
عمى الأخضر #89a9f0 ≈ 1.27% من الذكور
عمى الأزرق #8fb2c0 ≈ 0.0001% من الذكور
ضعف الأحمر #96aaf4 ≈ 1.08% من الذكور
ضعف الأخضر #94a7f1 ≈ 4.63% من الذكور
ضعف الأزرق #97add6 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-a3a4f2 {
  color: #a3a4f2;
}
الخلفية
.bg-a3a4f2 {
  background-color: #a3a4f2;
  color: #000000;
}
الحد
.border-a3a4f2 {
  border: 2px solid #a3a4f2;
}
متغيرات CSS
:root {
  --color-primary: #a3a4f2;
  --color-primary-rgb: 163 164 242;
  --color-primary-hsl: 239 75% 79%;
}
تدرج
.gradient-a3a4f2 {
  background: linear-gradient(135deg, #a3a4f2, #c9a3f2);
}
ظل ملوّن
.shadow-a3a4f2 {
  box-shadow: 0 8px 24px rgb(163 164 242 / 0.35);
}

Wild Blue Yonder
#a3a4f2  rgb(163, 164, 242)  hsl(239, 75%, 79%)  Wild Blue Yonder
#f2f1a3  rgb(242, 241, 163)  hsl(59, 75%, 79%)  Pale Goldenrod
#f2a3a4  rgb(242, 163, 164)  hsl(359, 75%, 79%)  Pastel Pink
#a4f2a3  rgb(164, 242, 163)  hsl(119, 75%, 79%)  Light Green