ColorTool
تسجيل الدخول
#3A385E

#3a385e ≈ Dark Slate Blue

  • الأزرق
  • السطوع: منخفض
  • التشبّع: خافت
  • بارد
تحقق من التباين استكشف في الشبكة لون عشوائي

⁦#3a385e⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه خافت. في نموذج RGB يتكوّن من 22.75% أحمر و21.96% أخضر و36.86% أزرق؛ وعند طباعته بنظام CMYK يستخدم 38.3% سماوي و40.43% أرجواني و0% أصفر و63.14% أسود. زاوية صبغته 243.16°، وتشبّعه 25.33% وسطوعه 29.41% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف والهويات المؤسسية. يحقق النص الأبيض على هذا اللون نسبة تباين 11.01:1 (WCAG AAA). أقرب لون مسمّى هو Dark Slate Blue (⁦#483d8b⁩)، وفرقه ΔE ‏9.49.

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

HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#333366
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.0454

متكامل

  1. #3a385e
  2. #5c5e38

متكامل منقسم

  1. #3a385e
  2. #5e4d38
  3. #495e38

متجاور

  1. #38495e
  2. #3a385e
  3. #4d385e

ثلاثي

  1. #3a385e
  2. #5e3a38
  3. #385e3a

رباعي

  1. #3a385e
  2. #5e385c
  3. #5c5e38
  4. #385e3a

مربع

  1. #3a385e
  2. #5e3849
  3. #5c5e38
  4. #385e4d

أحادي اللون

  1. #08080d
  2. #1c1b2e
  3. #3a385e
  4. #58558e
  5. #807db2

الظلال

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

  1. #3a385e
  2. #343255
  3. #2e2d4b
  4. #292742
  5. #232238
  6. #1d1c2f
  7. #171626
  8. #11111c
  9. #0c0b13
  10. #060609
  11. #000000

التفتيحات

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

  1. #3a385e
  2. #4e4c6e
  3. #61607e
  4. #75748e
  5. #89889e
  6. #9d9caf
  7. #b0afbf
  8. #c4c3cf
  9. #d8d7df
  10. #ebebef
  11. #ffffff

الدرجات

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

  1. #3a385e
  2. #413f61
  3. #484665
  4. #4f4e68
  5. #56556c
  6. #5d5c6f
  7. #646372
  8. #6b6a76
  9. #727279
  10. #79797d
  11. #808080

نص مقروء 11.01:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.91:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #3c3c3c ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #3b3b4c ≈ 0.001% من الذكور
عمى الأحمر #2c3d5f ≈ 1.01% من الذكور
عمى الأخضر #2b3b5d ≈ 1.27% من الذكور
عمى الأزرق #303f46 ≈ 0.0001% من الذكور
ضعف الأحمر #323b5f ≈ 1.08% من الذكور
ضعف الأخضر #323a5d ≈ 4.63% من الذكور
ضعف الأزرق #353c51 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-3a385e {
  color: #3a385e;
}
الخلفية
.bg-3a385e {
  background-color: #3a385e;
  color: #ffffff;
}
الحد
.border-3a385e {
  border: 2px solid #3a385e;
}
متغيرات CSS
:root {
  --color-primary: #3a385e;
  --color-primary-rgb: 58 56 94;
  --color-primary-hsl: 243 25% 29%;
}
تدرج
.gradient-3a385e {
  background: linear-gradient(135deg, #3a385e, #4d385e);
}
ظل ملوّن
.shadow-3a385e {
  box-shadow: 0 8px 24px rgb(58 56 94 / 0.35);
}

#483d8b Dark Slate Blue ΔE 9.49 #002147 Oxford Blue ΔE 11.03 #003153 Prussian Blue ΔE 12.35 #191970 Midnight Blue ΔE 12.80 #003399 Smalt ΔE 13.57 #6c3082 Eminence ΔE 14.12 #32127a Persian Indigo ΔE 14.14 #c5c7a1 معكوس #3c3c3c تدرج رمادي 

Dark Slate Blue
#3a385e  rgb(58, 56, 94)  hsl(243, 25%, 29%)  Dark Slate Blue
#5c5e38  rgb(92, 94, 56)  hsl(63, 25%, 29%)  Army Green
#5e3a38  rgb(94, 58, 56)  hsl(3, 25%, 29%)  Liver
#385e3a  rgb(56, 94, 58)  hsl(123, 25%, 29%)  Hunter Green