#3A44CA

#3a44ca ≈ Ocean Blue

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

⁦#3a44ca⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 22.75% أحمر و26.67% أخضر و79.22% أزرق؛ وعند طباعته بنظام CMYK يستخدم 71.29% سماوي و66.34% أرجواني و0% أصفر و20.78% أسود. زاوية صبغته 235.83°، وتشبّعه 57.6% وسطوعه 50.98% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 7.34:1 (WCAG AAA). أقرب لون مسمّى هو Ocean Blue (⁦#4f42b5⁩)، وفرقه ΔE ‏3.9.

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

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

الظلال

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

  1. #3a44ca
  2. #343db6
  3. #2e36a2
  4. #29308d
  5. #232979
  6. #1d2265
  7. #171b51
  8. #11143d
  9. #0c0e28
  10. #060714
  11. #000000

التفتيحات

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

  1. #3a44ca
  2. #4e57cf
  3. #6169d5
  4. #757cda
  5. #898fdf
  6. #9da2e5
  7. #b0b4ea
  8. #c4c7ef
  9. #d8daf4
  10. #ebecfa
  11. #ffffff

الدرجات

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

  1. #3a44ca
  2. #414ac3
  3. #4850bb
  4. #4f56b4
  5. #565cac
  6. #5d62a5
  7. #64689e
  8. #6b6e96
  9. #72748f
  10. #797a87
  11. #808080

نص مقروء 7.34:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 2.86:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #565656 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #4c4f93 ≈ 0.001% من الذكور
عمى الأحمر #005dce ≈ 1.01% من الذكور
عمى الأخضر #004fc7 ≈ 1.27% من الذكور
عمى الأزرق #006881 ≈ 0.0001% من الذكور
ضعف الأحمر #0054cd ≈ 1.08% من الذكور
ضعف الأخضر #004bc8 ≈ 4.63% من الذكور
ضعف الأزرق #005ba3 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-3a44ca {
  color: #3a44ca;
}
الخلفية
.bg-3a44ca {
  background-color: #3a44ca;
  color: #ffffff;
}
الحد
.border-3a44ca {
  border: 2px solid #3a44ca;
}
متغيرات CSS
:root {
  --color-primary: #3a44ca;
  --color-primary-rgb: 58 68 202;
  --color-primary-hsl: 236 58% 51%;
}
تدرج
.gradient-3a44ca {
  background: linear-gradient(135deg, #3a44ca, #783aca);
}
ظل ملوّن
.shadow-3a44ca {
  box-shadow: 0 8px 24px rgb(58 68 202 / 0.35);
}

Ocean Blue
#3a44ca  rgb(58, 68, 202)  hsl(236, 58%, 51%)  Ocean Blue
#cac03a  rgb(202, 192, 58)  hsl(56, 58%, 51%)  Old Gold
#ca3a44  rgb(202, 58, 68)  hsl(356, 58%, 51%)  Crimson
#44ca3a  rgb(68, 202, 58)  hsl(116, 58%, 51%)  Lime Green