#5259D3

#5259d3 ≈ Iris

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

⁦#5259d3⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 32.16% أحمر و34.9% أخضر و82.75% أزرق؛ وعند طباعته بنظام CMYK يستخدم 61.14% سماوي و57.82% أرجواني و0% أصفر و17.25% أسود. زاوية صبغته 236.74°، وتشبّعه 59.45% وسطوعه 57.45% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 5.63:1 (WCAG AA). أقرب لون مسمّى هو Iris (⁦#5a4fcf⁩)، وفرقه ΔE ‏3.53.

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

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

الظلال

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

  1. #5259d3
  2. #4a50be
  3. #4247a9
  4. #393e94
  5. #31357f
  6. #292d6a
  7. #212454
  8. #191b3f
  9. #10122a
  10. #080915
  11. #000000

التفتيحات

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

  1. #5259d3
  2. #636ad7
  3. #757adc
  4. #868be0
  5. #979be5
  6. #a9ace9
  7. #babded
  8. #cbcdf2
  9. #dcdef6
  10. #eeeefb
  11. #ffffff

الدرجات

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

  1. #5259d3
  2. #575dcb
  3. #5b61c2
  4. #6065ba
  5. #6469b2
  6. #696daa
  7. #6e70a1
  8. #727499
  9. #777891
  10. #7b7c88
  11. #808080

نص مقروء 5.63:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 3.73:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #676767 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #5f629e ≈ 0.001% من الذكور
عمى الأحمر #006dd7 ≈ 1.01% من الذكور
عمى الأخضر #0062d1 ≈ 1.27% من الذكور
عمى الأزرق #00768d ≈ 0.0001% من الذكور
ضعف الأحمر #2b66d5 ≈ 1.08% من الذكور
ضعف الأخضر #215ed2 ≈ 4.63% من الذكور
ضعف الأزرق #2a6cae ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-5259d3 {
  color: #5259d3;
}
الخلفية
.bg-5259d3 {
  background-color: #5259d3;
  color: #ffffff;
}
الحد
.border-5259d3 {
  border: 2px solid #5259d3;
}
متغيرات CSS
:root {
  --color-primary: #5259d3;
  --color-primary-rgb: 82 89 211;
  --color-primary-hsl: 237 59% 57%;
}
تدرج
.gradient-5259d3 {
  background: linear-gradient(135deg, #5259d3, #8b52d3);
}
ظل ملوّن
.shadow-5259d3 {
  box-shadow: 0 8px 24px rgb(82 89 211 / 0.35);
}

Iris
#5259d3  rgb(82, 89, 211)  hsl(237, 59%, 57%)  Iris
#d3cc52  rgb(211, 204, 82)  hsl(57, 59%, 57%)  Straw
#d35259  rgb(211, 82, 89)  hsl(357, 59%, 57%)  Indian Red
#59d352  rgb(89, 211, 82)  hsl(117, 59%, 57%)  Lime Green