ColorTool
تسجيل الدخول
#54536B

#54536b ≈ Old Lavender

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

⁦#54536b⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه خافت. في نموذج RGB يتكوّن من 32.94% أحمر و32.55% أخضر و41.96% أزرق؛ وعند طباعته بنظام CMYK يستخدم 21.5% سماوي و22.43% أرجواني و0% أصفر و58.04% أسود. زاوية صبغته 242.5°، وتشبّعه 12.63% وسطوعه 37.25% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 7.43:1 (WCAG AAA). أقرب لون مسمّى هو Old Lavender (⁦#796878⁩)، وفرقه ΔE ‏11.43.

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

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

متكامل

  1. #54536b
  2. #6a6b53

متكامل منقسم

  1. #54536b
  2. #6b6053
  3. #5e6b53

متجاور

  1. #535e6b
  2. #54536b
  3. #60536b

ثلاثي

  1. #54536b
  2. #6b5453
  3. #536b54

رباعي

  1. #54536b
  2. #6b536a
  3. #6a6b53
  4. #536b54

مربع

  1. #54536b
  2. #6b535e
  3. #6a6b53
  4. #536b60

أحادي اللون

  1. #101015
  2. #323240
  3. #54536b
  4. #777695
  5. #a2a1b6

الظلال

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

  1. #54536b
  2. #4c4b60
  3. #434256
  4. #3b3a4b
  5. #323240
  6. #2a2a36
  7. #22212b
  8. #191920
  9. #111115
  10. #08080b
  11. #000000

التفتيحات

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

  1. #54536b
  2. #65647a
  3. #767589
  4. #878797
  5. #9898a6
  6. #aaa9b5
  7. #bbbac4
  8. #cccbd3
  9. #dddde1
  10. #eeeef0
  11. #ffffff

الدرجات

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

  1. #54536b
  2. #58586d
  3. #5d5c6f
  4. #616171
  5. #666573
  6. #6a6a76
  7. #6e6e78
  8. #73737a
  9. #77777c
  10. #7c7c7e
  11. #808080

نص مقروء 7.43:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 2.83:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #555555 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #55545f ≈ 0.001% من الذكور
عمى الأحمر #4d566c ≈ 1.01% من الذكور
عمى الأخضر #4d556a ≈ 1.27% من الذكور
عمى الأزرق #4f575b ≈ 0.0001% من الذكور
ضعف الأحمر #50556c ≈ 1.08% من الذكور
ضعف الأخضر #50546b ≈ 4.63% من الذكور
ضعف الأزرق #515562 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-54536b {
  color: #54536b;
}
الخلفية
.bg-54536b {
  background-color: #54536b;
  color: #ffffff;
}
الحد
.border-54536b {
  border: 2px solid #54536b;
}
متغيرات CSS
:root {
  --color-primary: #54536b;
  --color-primary-rgb: 84 83 107;
  --color-primary-hsl: 243 13% 37%;
}
تدرج
.gradient-54536b {
  background: linear-gradient(135deg, #54536b, #60536b);
}
ظل ملوّن
.shadow-54536b {
  box-shadow: 0 8px 24px rgb(84 83 107 / 0.35);
}

#796878 Old Lavender ΔE 11.43 #555555 Davy's Gray ΔE 11.96 #645452 Wenge ΔE 13.15 #614051 Eggplant ΔE 13.21 #36454f Charcoal ΔE 13.53 #696969 Dim Gray ΔE 13.98 #696969 Dim Grey ΔE 13.98 #abac94 معكوس #555555 تدرج رمادي 

Old Lavender
#54536b  rgb(84, 83, 107)  hsl(243, 13%, 37%)  Old Lavender
#6a6b53  rgb(106, 107, 83)  hsl(63, 13%, 37%)  Feldgrau
#6b5453  rgb(107, 84, 83)  hsl(3, 13%, 37%)  Wenge
#536b54  rgb(83, 107, 84)  hsl(123, 13%, 37%)  Feldgrau