ColorTool
تسجيل الدخول
#5458C4

#5458c4 ≈ Iris

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

⁦#5458c4⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 32.94% أحمر و34.51% أخضر و76.86% أزرق؛ وعند طباعته بنظام CMYK يستخدم 57.14% سماوي و55.1% أرجواني و0% أصفر و23.14% أسود. زاوية صبغته 237.86°، وتشبّعه 48.7% وسطوعه 54.9% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 5.88:1 (WCAG AA). أقرب لون مسمّى هو Iris (⁦#5a4fcf⁩)، وفرقه ΔE ‏3.54.

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

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

متكامل

  1. #5458c4
  2. #c4c054

متكامل منقسم

  1. #5458c4
  2. #c48854
  3. #90c454

متجاور

  1. #5490c4
  2. #5458c4
  3. #8854c4

ثلاثي

  1. #5458c4
  2. #c45458
  3. #58c454

رباعي

  1. #5458c4
  2. #c054c4
  3. #c4c054
  4. #58c454

مربع

  1. #5458c4
  2. #c45490
  3. #c4c054
  4. #54c488

أحادي اللون

  1. #21235e
  2. #343897
  3. #5458c4
  4. #8d90d8
  5. #c6c7eb

الظلال

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

  1. #5458c4
  2. #4c4fb0
  3. #43469d
  4. #3b3e89
  5. #323576
  6. #2a2c62
  7. #22234e
  8. #191a3b
  9. #111227
  10. #080914
  11. #000000

التفتيحات

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

  1. #5458c4
  2. #6569ca
  3. #7679d0
  4. #878ad6
  5. #989bdc
  6. #aaace2
  7. #bbbce7
  8. #cccded
  9. #dddef3
  10. #eeeef9
  11. #ffffff

الدرجات

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

  1. #5458c4
  2. #585cbd
  3. #5d60b6
  4. #6164b0
  5. #6668a9
  6. #6a6ca2
  7. #6e709b
  8. #737494
  9. #77788e
  10. #7c7c87
  11. #808080

نص مقروء 5.88:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 3.57:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #646464 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #5e6094 ≈ 0.001% من الذكور
عمى الأحمر #0a69c8 ≈ 1.01% من الذكور
عمى الأخضر #0060c2 ≈ 1.27% من الذكور
عمى الأزرق #107185 ≈ 0.0001% من الذكور
ضعف الأحمر #3663c6 ≈ 1.08% من الذكور
ضعف الأخضر #305dc3 ≈ 4.63% من الذكور
ضعف الأزرق #3768a2 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-5458c4 {
  color: #5458c4;
}
الخلفية
.bg-5458c4 {
  background-color: #5458c4;
  color: #ffffff;
}
الحد
.border-5458c4 {
  border: 2px solid #5458c4;
}
متغيرات CSS
:root {
  --color-primary: #5458c4;
  --color-primary-rgb: 84 88 196;
  --color-primary-hsl: 238 49% 55%;
}
تدرج
.gradient-5458c4 {
  background: linear-gradient(135deg, #5458c4, #8854c4);
}
ظل ملوّن
.shadow-5458c4 {
  box-shadow: 0 8px 24px rgb(84 88 196 / 0.35);
}

#5a4fcf Iris ΔE 3.54 #6a5acd Slate Blue ΔE 4.12 #6050dc Majorelle Blue ΔE 4.76 #4f42b5 Ocean Blue ΔE 6.87 #4169e1 Royal Blue ΔE 7.65 #0f52ba Sapphire ΔE 7.80 #4166f5 Ultramarine Blue ΔE 8.14 #aba73b معكوس #646464 تدرج رمادي 

Iris
#5458c4  rgb(84, 88, 196)  hsl(238, 49%, 55%)  Iris
#c4c054  rgb(196, 192, 84)  hsl(58, 49%, 55%)  Dark Khaki
#c45458  rgb(196, 84, 88)  hsl(358, 49%, 55%)  Indian Red
#58c454  rgb(88, 196, 84)  hsl(118, 49%, 55%)  Mantis