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

#5a647f ≈ Queen Blue

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

⁦#5a647f⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه خافت. في نموذج RGB يتكوّن من 35.29% أحمر و39.22% أخضر و49.8% أزرق؛ وعند طباعته بنظام CMYK يستخدم 29.13% سماوي و21.26% أرجواني و0% أصفر و50.2% أسود. زاوية صبغته 223.78°، وتشبّعه 17.05% وسطوعه 42.55% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 5.89:1 (WCAG AA). أقرب لون مسمّى هو Queen Blue (⁦#436b95⁩)، وفرقه ΔE ‏8.79.

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

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

متكامل

  1. #5a647f
  2. #7f755a

متكامل منقسم

  1. #5a647f
  2. #7f635a
  3. #777f5a

متجاور

  1. #5a777f
  2. #5a647f
  3. #635a7f

ثلاثي

  1. #5a647f
  2. #7f5a64
  3. #647f5a

رباعي

  1. #5a647f
  2. #755a7f
  3. #7f755a
  4. #647f5a

مربع

  1. #5a647f
  2. #7f5a77
  3. #7f755a
  4. #5a7f63

أحادي اللون

  1. #1b1d25
  2. #3a4152
  3. #5a647f
  4. #808aa5
  5. #adb4c5

الظلال

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

  1. #5a647f
  2. #515a72
  3. #485066
  4. #3f4659
  5. #363c4c
  6. #2d3240
  7. #242833
  8. #1b1e26
  9. #121419
  10. #090a0d
  11. #000000

التفتيحات

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

  1. #5a647f
  2. #6b748c
  3. #7b8399
  4. #8c93a5
  5. #9ca2b2
  6. #adb2bf
  7. #bdc1cc
  8. #ced1d9
  9. #dee0e5
  10. #eff0f2
  11. #ffffff

الدرجات

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

  1. #5a647f
  2. #5e677f
  3. #626a7f
  4. #656c7f
  5. #696f7f
  6. #6d7280
  7. #717580
  8. #757880
  9. #787a80
  10. #7c7d80
  11. #808080

نص مقروء 5.89:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 3.56:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #646464 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #606470 ≈ 0.001% من الذكور
عمى الأحمر #5c6680 ≈ 1.01% من الذكور
عمى الأخضر #59637e ≈ 1.27% من الذكور
عمى الأزرق #50696d ≈ 0.0001% من الذكور
ضعف الأحمر #5b6580 ≈ 1.08% من الذكور
ضعف الأخضر #59637f ≈ 4.63% من الذكور
ضعف الأزرق #546775 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-5a647f {
  color: #5a647f;
}
الخلفية
.bg-5a647f {
  background-color: #5a647f;
  color: #ffffff;
}
الحد
.border-5a647f {
  border: 2px solid #5a647f;
}
متغيرات CSS
:root {
  --color-primary: #5a647f;
  --color-primary-rgb: 90 100 127;
  --color-primary-hsl: 224 17% 43%;
}
تدرج
.gradient-5a647f {
  background: linear-gradient(135deg, #5a647f, #635a7f);
}
ظل ملوّن
.shadow-5a647f {
  box-shadow: 0 8px 24px rgb(90 100 127 / 0.35);
}

#436b95 Queen Blue ΔE 8.79 #26619c Lapis Lazuli ΔE 11.67 #708090 Slate Gray ΔE 12.24 #708090 Slate Grey ΔE 12.24 #696969 Dim Gray ΔE 12.35 #696969 Dim Grey ΔE 12.35 #796878 Old Lavender ΔE 12.49 #a59b80 معكوس #646464 تدرج رمادي 

Queen Blue
#5a647f  rgb(90, 100, 127)  hsl(224, 17%, 43%)  Queen Blue
#7f755a  rgb(127, 117, 90)  hsl(44, 17%, 43%)  Raw Umber
#7f5a64  rgb(127, 90, 100)  hsl(344, 17%, 43%)  Mauve Taupe
#647f5a  rgb(100, 127, 90)  hsl(104, 17%, 43%)  Fern Green