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

#3e397d ≈ Dark Slate Blue

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

⁦#3e397d⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه معتدل. في نموذج RGB يتكوّن من 24.31% أحمر و22.35% أخضر و49.02% أزرق؛ وعند طباعته بنظام CMYK يستخدم 50.4% سماوي و54.4% أرجواني و0% أصفر و50.98% أسود. زاوية صبغته 244.41°، وتشبّعه 37.36% وسطوعه 35.69% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 10.07:1 (WCAG AAA). أقرب لون مسمّى هو Dark Slate Blue (⁦#483d8b⁩)، وفرقه ΔE ‏2.87.

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

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

متكامل

  1. #3e397d
  2. #787d39

متكامل منقسم

  1. #3e397d
  2. #7d6039
  3. #567d39

متجاور

  1. #39567d
  2. #3e397d
  3. #60397d

ثلاثي

  1. #3e397d
  2. #7d3e39
  3. #397d3e

رباعي

  1. #3e397d
  2. #7d3978
  3. #787d39
  4. #397d3e

مربع

  1. #3e397d
  2. #7d3956
  3. #787d39
  4. #397d60

أحادي اللون

  1. #0a0914
  2. #242148
  3. #3e397d
  4. #5952b0
  5. #8c87c8

الظلال

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

  1. #3e397d
  2. #383371
  3. #322e64
  4. #2b2858
  5. #25224b
  6. #1f1d3f
  7. #191732
  8. #131126
  9. #0c0b19
  10. #06060d
  11. #000000

التفتيحات

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

  1. #3e397d
  2. #514d8a
  3. #656197
  4. #7874a4
  5. #8b88b1
  6. #9f9cbe
  7. #b2b0cb
  8. #c5c4d8
  9. #d8d7e5
  10. #ecebf2
  11. #ffffff

الدرجات

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

  1. #3e397d
  2. #45407d
  3. #4b477e
  4. #524e7e
  5. #58557e
  6. #5f5d7f
  7. #66647f
  8. #6c6b7f
  9. #73727f
  10. #797980
  11. #808080

نص مقروء 10.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 2.09:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #424242 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #403f5f ≈ 0.001% من الذكور
عمى الأحمر #17447f ≈ 1.01% من الذكور
عمى الأخضر #12407c ≈ 1.27% من الذكور
عمى الأزرق #274855 ≈ 0.0001% من الذكور
ضعف الأحمر #2b407e ≈ 1.08% من الذكور
ضعف الأخضر #2a3d7c ≈ 4.63% من الذكور
ضعف الأزرق #324267 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-3e397d {
  color: #3e397d;
}
الخلفية
.bg-3e397d {
  background-color: #3e397d;
  color: #ffffff;
}
الحد
.border-3e397d {
  border: 2px solid #3e397d;
}
متغيرات CSS
:root {
  --color-primary: #3e397d;
  --color-primary-rgb: 62 57 125;
  --color-primary-hsl: 244 37% 36%;
}
تدرج
.gradient-3e397d {
  background: linear-gradient(135deg, #3e397d, #60397d);
}
ظل ملوّن
.shadow-3e397d {
  box-shadow: 0 8px 24px rgb(62 57 125 / 0.35);
}

#483d8b Dark Slate Blue ΔE 2.87 #003399 Smalt ΔE 7.95 #1034a6 Egyptian Blue ΔE 8.47 #002395 Imperial Blue ΔE 9.32 #4f42b5 Ocean Blue ΔE 9.36 #663399 Rebecca Purple ΔE 9.51 #191970 Midnight Blue ΔE 9.53 #c1c682 معكوس #424242 تدرج رمادي 

Dark Slate Blue
#3e397d  rgb(62, 57, 125)  hsl(244, 37%, 36%)  Dark Slate Blue
#787d39  rgb(120, 125, 57)  hsl(64, 37%, 36%)  Olive
#7d3e39  rgb(125, 62, 57)  hsl(4, 37%, 36%)  Tuscan Red
#397d3e  rgb(57, 125, 62)  hsl(124, 37%, 36%)  Fern Green