#5258FF

#5258ff ≈ Ultramarine Blue

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

⁦#5258ff⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه قوي. في نموذج RGB يتكوّن من 32.16% أحمر و34.51% أخضر و100% أزرق؛ وعند طباعته بنظام CMYK يستخدم 67.84% سماوي و65.49% أرجواني و0% أصفر و0% أسود. زاوية صبغته 237.92°، وتشبّعه 100% وسطوعه 66.08% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف وأزرار الدعوة إلى الإجراء. يحقق النص الأبيض على هذا اللون نسبة تباين 5:1 (WCAG AA). أقرب لون مسمّى هو Ultramarine Blue (⁦#4166f5⁩)، وفرقه ΔE ‏5.07.

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

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

الظلال

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

  1. #5258ff
  2. #4a4fe6
  3. #4246cc
  4. #393eb3
  5. #313599
  6. #292c80
  7. #212366
  8. #191a4d
  9. #101233
  10. #08091a
  11. #000000

التفتيحات

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

  1. #5258ff
  2. #6369ff
  3. #7579ff
  4. #868aff
  5. #979bff
  6. #a9acff
  7. #babcff
  8. #cbcdff
  9. #dcdeff
  10. #eeeeff
  11. #ffffff

الدرجات

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

  1. #5258ff
  2. #575cf2
  3. #5b60e6
  4. #6064d9
  5. #6468cc
  6. #696cc0
  7. #6e70b3
  8. #7274a6
  9. #777899
  10. #7b7c8d
  11. #808080

نص مقروء 5:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 4.2:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #6f6f6f ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #6567bb ≈ 0.001% من الذكور
عمى الأحمر #0077ff ≈ 1.01% من الذكور
عمى الأخضر #0067fc ≈ 1.27% من الذكور
عمى الأزرق #0084a4 ≈ 0.0001% من الذكور
ضعف الأحمر #006cff ≈ 1.08% من الذكور
ضعف الأخضر #0062fd ≈ 4.63% من الذكور
ضعف الأزرق #0075cf ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-5258ff {
  color: #5258ff;
}
الخلفية
.bg-5258ff {
  background-color: #5258ff;
  color: #ffffff;
}
الحد
.border-5258ff {
  border: 2px solid #5258ff;
}
متغيرات CSS
:root {
  --color-primary: #5258ff;
  --color-primary-rgb: 82 88 255;
  --color-primary-hsl: 238 100% 66%;
}
تدرج
.gradient-5258ff {
  background: linear-gradient(135deg, #5258ff, #a352ff);
}
ظل ملوّن
.shadow-5258ff {
  box-shadow: 0 8px 24px rgb(82 88 255 / 0.35);
}

Ultramarine Blue
#5258ff  rgb(82, 88, 255)  hsl(238, 100%, 66%)  Ultramarine Blue
#fff952  rgb(255, 249, 82)  hsl(58, 100%, 66%)  Icterine
#ff5258  rgb(255, 82, 88)  hsl(358, 100%, 66%)  Pastel Red
#58ff52  rgb(88, 255, 82)  hsl(118, 100%, 66%)  Neon Green