ColorTool
تسجيل الدخول
#486FDF

#486fdf ≈ Royal Blue

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

⁦#486fdf⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 28.24% أحمر و43.53% أخضر و87.45% أزرق؛ وعند طباعته بنظام CMYK يستخدم 67.71% سماوي و50.22% أرجواني و0% أصفر و12.55% أسود. زاوية صبغته 224.5°، وتشبّعه 70.23% وسطوعه 57.84% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 4.61:1 (WCAG AA). أقرب لون مسمّى هو Royal Blue (⁦#4169e1⁩)، وفرقه ΔE ‏2.06.

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

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

متكامل

  1. #486fdf
  2. #dfb848

متكامل منقسم

  1. #486fdf
  2. #df6c48
  3. #bbdf48

متجاور

  1. #48bbdf
  2. #486fdf
  3. #6c48df

ثلاثي

  1. #486fdf
  2. #df486f
  3. #6fdf48

رباعي

  1. #486fdf
  2. #b848df
  3. #dfb848
  4. #6fdf48

مربع

  1. #486fdf
  2. #df48bb
  3. #dfb848
  4. #48df6c

أحادي اللون

  1. #152f79
  2. #2148ba
  3. #486fdf
  4. #89a2ea
  5. #cad5f6

الظلال

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

  1. #486fdf
  2. #4164c9
  3. #3a59b2
  4. #324e9c
  5. #2b4386
  6. #243870
  7. #1d2c59
  8. #162143
  9. #0e162d
  10. #070b16
  11. #000000

التفتيحات

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

  1. #486fdf
  2. #5a7de2
  3. #6d8ce5
  4. #7f9ae9
  5. #91a9ec
  6. #a4b7ef
  7. #b6c5f2
  8. #c8d4f5
  9. #dae2f9
  10. #edf1fc
  11. #ffffff

الدرجات

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

  1. #486fdf
  2. #4e71d6
  3. #5372cc
  4. #5974c3
  5. #5e76b9
  6. #6478b0
  7. #6a79a6
  8. #6f7b9d
  9. #757d93
  10. #7a7e8a
  11. #808080

نص مقروء 4.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 4.61:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #767676 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #6773aa ≈ 0.001% من الذكور
عمى الأحمر #2d7de3 ≈ 1.01% من الذكور
عمى الأخضر #006fdd ≈ 1.27% من الذكور
عمى الأزرق #00899c ≈ 0.0001% من الذكور
ضعف الأحمر #3978e1 ≈ 1.08% من الذكور
ضعف الأخضر #286fde ≈ 4.63% من الذكور
ضعف الأزرق #0080bb ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-486fdf {
  color: #486fdf;
}
الخلفية
.bg-486fdf {
  background-color: #486fdf;
  color: #000000;
}
الحد
.border-486fdf {
  border: 2px solid #486fdf;
}
متغيرات CSS
:root {
  --color-primary: #486fdf;
  --color-primary-rgb: 72 111 223;
  --color-primary-hsl: 225 70% 58%;
}
تدرج
.gradient-486fdf {
  background: linear-gradient(135deg, #486fdf, #6c48df);
}
ظل ملوّن
.shadow-486fdf {
  box-shadow: 0 8px 24px rgb(72 111 223 / 0.35);
}

#4169e1 Royal Blue ΔE 2.06 #4166f5 Ultramarine Blue ΔE 3.93 #0070ff Brandeis Blue ΔE 4.18 #417dc1 Tufts Blue ΔE 7.19 #0073cf True Blue ΔE 7.51 #6082b6 Glaucous ΔE 7.60 #1560bd Denim ΔE 8.44 #b79020 معكوس #767676 تدرج رمادي 

Royal Blue
#486fdf  rgb(72, 111, 223)  hsl(225, 70%, 58%)  Royal Blue
#dfb848  rgb(223, 184, 72)  hsl(45, 70%, 58%)  Meat Brown
#df486f  rgb(223, 72, 111)  hsl(345, 70%, 58%)  Cerise
#6fdf48  rgb(111, 223, 72)  hsl(105, 70%, 58%)  Malachite