#536DB6

#536db6 ≈ Royal Blue

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

⁦#536db6⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 32.55% أحمر و42.75% أخضر و71.37% أزرق؛ وعند طباعته بنظام CMYK يستخدم 54.4% سماوي و40.11% أرجواني و0% أصفر و28.63% أسود. زاوية صبغته 224.24°، وتشبّعه 40.41% وسطوعه 51.96% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 4.96:1 (WCAG AA). أقرب لون مسمّى هو Royal Blue (⁦#4169e1⁩)، وفرقه ΔE ‏5.61.

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

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

الظلال

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

  1. #536db6
  2. #4b62a4
  3. #425792
  4. #3a4c7f
  5. #32416d
  6. #2a375b
  7. #212c49
  8. #192137
  9. #111624
  10. #080b12
  11. #000000

التفتيحات

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

  1. #536db6
  2. #647cbd
  3. #758ac5
  4. #8799cc
  5. #98a7d3
  6. #a9b6db
  7. #bac5e2
  8. #cbd3e9
  9. #dde2f0
  10. #eef0f8
  11. #ffffff

الدرجات

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

  1. #536db6
  2. #586fb1
  3. #5c71ab
  4. #6173a6
  5. #6575a0
  6. #6a779b
  7. #6e7896
  8. #737a90
  9. #777c8b
  10. #7c7e85
  11. #808080

نص مقروء 4.96:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 4.23:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #707070 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #666f91 ≈ 0.001% من الذكور
عمى الأحمر #4f75b9 ≈ 1.01% من الذكور
عمى الأخضر #436cb4 ≈ 1.27% من الذكور
عمى الأزرق #1e7d89 ≈ 0.0001% من الذكور
ضعف الأحمر #5172b8 ≈ 1.08% من الذكور
ضعف الأخضر #4a6cb5 ≈ 4.63% من الذكور
ضعف الأزرق #3a779d ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-536db6 {
  color: #536db6;
}
الخلفية
.bg-536db6 {
  background-color: #536db6;
  color: #ffffff;
}
الحد
.border-536db6 {
  border: 2px solid #536db6;
}
متغيرات CSS
:root {
  --color-primary: #536db6;
  --color-primary-rgb: 83 109 182;
  --color-primary-hsl: 224 40% 52%;
}
تدرج
.gradient-536db6 {
  background: linear-gradient(135deg, #536db6, #6a53b6);
}
ظل ملوّن
.shadow-536db6 {
  box-shadow: 0 8px 24px rgb(83 109 182 / 0.35);
}

Royal Blue
#536db6  rgb(83, 109, 182)  hsl(224, 40%, 52%)  Royal Blue
#b69c53  rgb(182, 156, 83)  hsl(44, 40%, 52%)  Brass
#b6536d  rgb(182, 83, 109)  hsl(344, 40%, 52%)  Telemagenta
#6db653  rgb(109, 182, 83)  hsl(104, 40%, 52%)  Mantis