ColorTool
تسجيل الدخول
#5A5874

#5a5874 ≈ Old Lavender

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

⁦#5a5874⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه خافت. في نموذج RGB يتكوّن من 35.29% أحمر و34.51% أخضر و45.49% أزرق؛ وعند طباعته بنظام CMYK يستخدم 22.41% سماوي و24.14% أرجواني و0% أصفر و54.51% أسود. زاوية صبغته 244.29°، وتشبّعه 13.73% وسطوعه 40% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 6.81:1 (WCAG AA). أقرب لون مسمّى هو Old Lavender (⁦#796878⁩)، وفرقه ΔE ‏10.21.

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

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

متكامل

  1. #5a5874
  2. #727458

متكامل منقسم

  1. #5a5874
  2. #746858
  3. #647458

متجاور

  1. #586474
  2. #5a5874
  3. #685874

ثلاثي

  1. #5a5874
  2. #745a58
  3. #58745a

رباعي

  1. #5a5874
  2. #745872
  3. #727458
  4. #58745a

مربع

  1. #5a5874
  2. #745864
  3. #727458
  4. #587468

أحادي اللون

  1. #16161d
  2. #383749
  3. #5a5874
  4. #7f7c9c
  5. #a9a8bd

الظلال

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

  1. #5a5874
  2. #514f68
  3. #48465d
  4. #3f3e51
  5. #363546
  6. #2d2c3a
  7. #24232e
  8. #1b1a23
  9. #121217
  10. #09090c
  11. #000000

التفتيحات

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

  1. #5a5874
  2. #6b6982
  3. #7b7990
  4. #8c8a9e
  5. #9c9bac
  6. #adacba
  7. #bdbcc7
  8. #cecdd5
  9. #dedee3
  10. #efeef1
  11. #ffffff

الدرجات

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

  1. #5a5874
  2. #5e5c75
  3. #626076
  4. #656478
  5. #696879
  6. #6d6c7a
  7. #71707b
  8. #75747c
  9. #78787e
  10. #7c7c7f
  11. #808080

نص مقروء 6.81:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 3.08:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #5b5b5b ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #5a5a66 ≈ 0.001% من الذكور
عمى الأحمر #515b75 ≈ 1.01% من الذكور
عمى الأخضر #515a73 ≈ 1.27% من الذكور
عمى الأزرق #545d62 ≈ 0.0001% من الذكور
ضعف الأحمر #555a75 ≈ 1.08% من الذكور
ضعف الأخضر #555974 ≈ 4.63% من الذكور
ضعف الأزرق #575b69 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-5a5874 {
  color: #5a5874;
}
الخلفية
.bg-5a5874 {
  background-color: #5a5874;
  color: #ffffff;
}
الحد
.border-5a5874 {
  border: 2px solid #5a5874;
}
متغيرات CSS
:root {
  --color-primary: #5a5874;
  --color-primary-rgb: 90 88 116;
  --color-primary-hsl: 244 14% 40%;
}
تدرج
.gradient-5a5874 {
  background: linear-gradient(135deg, #5a5874, #685874);
}
ظل ملوّن
.shadow-5a5874 {
  box-shadow: 0 8px 24px rgb(90 88 116 / 0.35);
}

#796878 Old Lavender ΔE 10.21 #555555 Davy's Gray ΔE 13.50 #483d8b Dark Slate Blue ΔE 13.75 #614051 Eggplant ΔE 13.77 #645452 Wenge ΔE 14.14 #7851a9 Royal Purple ΔE 14.23 #696969 Dim Gray ΔE 14.33 #a5a78b معكوس #5b5b5b تدرج رمادي 

Old Lavender
#5a5874  rgb(90, 88, 116)  hsl(244, 14%, 40%)  Old Lavender
#727458  rgb(114, 116, 88)  hsl(64, 14%, 40%)  Xanadu
#745a58  rgb(116, 90, 88)  hsl(4, 14%, 40%)  Wenge
#58745a  rgb(88, 116, 90)  hsl(124, 14%, 40%)  Fern Green