#3972A9

#3972a9 ≈ French Blue

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

⁦#3972a9⁩ لون من عائلة «اللازوردي»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 22.35% أحمر و44.71% أخضر و66.27% أزرق؛ وعند طباعته بنظام CMYK يستخدم 66.27% سماوي و32.54% أرجواني و0% أصفر و33.73% أسود. زاوية صبغته 209.46°، وتشبّعه 49.56% وسطوعه 44.31% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانفتاح والحرية والسكينة. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 5.06:1 (WCAG AA). أقرب لون مسمّى هو French Blue (⁦#0072bb⁩)، وفرقه ΔE ‏3.01.

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

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

الظلال

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

  1. #3972a9
  2. #336798
  3. #2e5b87
  4. #285076
  5. #224465
  6. #1d3955
  7. #172e44
  8. #112233
  9. #0b1722
  10. #060b11
  11. #000000

التفتيحات

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

  1. #3972a9
  2. #4d80b2
  3. #618eba
  4. #749cc3
  5. #88aacb
  6. #9cb9d4
  7. #b0c7dd
  8. #c4d5e5
  9. #d7e3ee
  10. #ebf1f6
  11. #ffffff

الدرجات

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

  1. #3972a9
  2. #4073a5
  3. #4775a1
  4. #4e769d
  5. #557899
  6. #5d7995
  7. #647a90
  8. #6b7c8c
  9. #727d88
  10. #797f84
  11. #808080

نص مقروء 5.06:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 4.15:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #6f6f6f ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #5e708a ≈ 0.001% من الذكور
عمى الأحمر #5a75ab ≈ 1.01% من الذكور
عمى الأخضر #4a6aa8 ≈ 1.27% من الذكور
عمى الأزرق #007f86 ≈ 0.0001% من الذكور
ضعف الأحمر #4f74aa ≈ 1.08% من الذكور
ضعف الأخضر #446da8 ≈ 4.63% من الذكور
ضعف الأزرق #007a95 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-3972a9 {
  color: #3972a9;
}
الخلفية
.bg-3972a9 {
  background-color: #3972a9;
  color: #ffffff;
}
الحد
.border-3972a9 {
  border: 2px solid #3972a9;
}
متغيرات CSS
:root {
  --color-primary: #3972a9;
  --color-primary-rgb: 57 114 169;
  --color-primary-hsl: 209 50% 44%;
}
تدرج
.gradient-3972a9 {
  background: linear-gradient(135deg, #3972a9, #393aa9);
}
ظل ملوّن
.shadow-3972a9 {
  box-shadow: 0 8px 24px rgb(57 114 169 / 0.35);
}

French Blue
#3972a9  rgb(57, 114, 169)  hsl(209, 50%, 44%)  French Blue
#a97039  rgb(169, 112, 57)  hsl(29, 50%, 44%)  Copper
#a93972  rgb(169, 57, 114)  hsl(329, 50%, 44%)  Medium Violet Red
#72a939  rgb(114, 169, 57)  hsl(89, 50%, 44%)  Kelly Green