#8FA2F0

#8fa2f0 ≈ Cornflower Blue

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

⁦#8fa2f0⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 56.08% أحمر و63.53% أخضر و94.12% أزرق؛ وعند طباعته بنظام CMYK يستخدم 40.42% سماوي و32.5% أرجواني و0% أصفر و5.88% أسود. زاوية صبغته 228.25°، وتشبّعه 76.38% وسطوعه 75.1% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولوحات الباستيل الناعمة. يحقق النص الأسود على هذا اللون نسبة تباين 8.59:1 (WCAG AAA). أقرب لون مسمّى هو Cornflower Blue (⁦#6495ed⁩)، وفرقه ΔE ‏7.75.

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

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

الظلال

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

  1. #8fa2f0
  2. #8192d8
  3. #7282c0
  4. #6471a8
  5. #566190
  6. #485178
  7. #394160
  8. #2b3148
  9. #1d2030
  10. #0e1018
  11. #000000

التفتيحات

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

  1. #8fa2f0
  2. #9aabf2
  3. #a5b5f3
  4. #b1bef5
  5. #bcc7f6
  6. #c7d1f8
  7. #d2daf9
  8. #dde3fb
  9. #e9ecfc
  10. #f4f6fe
  11. #ffffff

الدرجات

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

  1. #8fa2f0
  2. #8e9fe5
  3. #8c9bda
  4. #8b98ce
  5. #8994c3
  6. #8891b8
  7. #868ead
  8. #858aa2
  9. #838796
  10. #82838b
  11. #808080

نص مقروء 2.44:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 8.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #a6a6a6 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #9da4c8 ≈ 0.001% من الذكور
عمى الأحمر #87aaf3 ≈ 1.01% من الذكور
عمى الأخضر #7fa2ee ≈ 1.27% من الذكور
عمى الأزرق #70b2be ≈ 0.0001% من الذكور
ضعف الأحمر #8aa7f2 ≈ 1.08% من الذكور
ضعف الأخضر #86a2ef ≈ 4.63% من الذكور
ضعف الأزرق #7dacd4 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-8fa2f0 {
  color: #8fa2f0;
}
الخلفية
.bg-8fa2f0 {
  background-color: #8fa2f0;
  color: #000000;
}
الحد
.border-8fa2f0 {
  border: 2px solid #8fa2f0;
}
متغيرات CSS
:root {
  --color-primary: #8fa2f0;
  --color-primary-rgb: 143 162 240;
  --color-primary-hsl: 228 76% 75%;
}
تدرج
.gradient-8fa2f0 {
  background: linear-gradient(135deg, #8fa2f0, #ad8ff0);
}
ظل ملوّن
.shadow-8fa2f0 {
  box-shadow: 0 8px 24px rgb(143 162 240 / 0.35);
}

Cornflower Blue
#8fa2f0  rgb(143, 162, 240)  hsl(228, 76%, 75%)  Cornflower Blue
#f0dd8f  rgb(240, 221, 143)  hsl(48, 76%, 75%)  Buff
#f08fa2  rgb(240, 143, 162)  hsl(348, 76%, 75%)  Salmon Pink
#a2f08f  rgb(162, 240, 143)  hsl(108, 76%, 75%)  Light Green