ColorTool
تسجيل الدخول
#222E49

#222e49 ≈ Oxford Blue

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

⁦#222e49⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه خافت. في نموذج RGB يتكوّن من 13.33% أحمر و18.04% أخضر و28.63% أزرق؛ وعند طباعته بنظام CMYK يستخدم 53.42% سماوي و36.99% أرجواني و0% أصفر و71.37% أسود. زاوية صبغته 221.54°، وتشبّعه 36.45% وسطوعه 20.98% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف والعلامات الفاخرة. يحقق النص الأبيض على هذا اللون نسبة تباين 13.5:1 (WCAG AAA). أقرب لون مسمّى هو Oxford Blue (⁦#002147⁩)، وفرقه ΔE ‏5.96.

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

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

متكامل

  1. #222e49
  2. #493d22

متكامل منقسم

  1. #222e49
  2. #492922
  3. #414922

متجاور

  1. #224149
  2. #222e49
  3. #292249

ثلاثي

  1. #222e49
  2. #49222e
  3. #2e4922

رباعي

  1. #222e49
  2. #3d2249
  3. #493d22
  4. #2e4922

مربع

  1. #222e49
  2. #492241
  3. #493d22
  4. #224929

أحادي اللون

  1. #06090e
  2. #0a0d15
  3. #222e49
  4. #3a4f7d
  5. #5470b0

الظلال

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

  1. #222e49
  2. #1f2942
  3. #1b253a
  4. #182033
  5. #141c2c
  6. #111725
  7. #0e121d
  8. #0a0e16
  9. #07090f
  10. #030507
  11. #000000

التفتيحات

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

  1. #222e49
  2. #38435b
  3. #4e586d
  4. #646d80
  5. #7a8292
  6. #9197a4
  7. #a7abb6
  8. #bdc0c8
  9. #d3d5db
  10. #e9eaed
  11. #ffffff

الدرجات

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

  1. #222e49
  2. #2b364f
  3. #353e54
  4. #3e475a
  5. #484f5f
  6. #515765
  7. #5a5f6a
  8. #646770
  9. #6d7075
  10. #77787b
  11. #808080

نص مقروء 13.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.56:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #2e2e2e ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #2a2e3b ≈ 0.001% من الذكور
عمى الأحمر #24304a ≈ 1.01% من الذكور
عمى الأخضر #202d48 ≈ 1.27% من الذكور
عمى الأزرق #123438 ≈ 0.0001% من الذكور
ضعف الأحمر #232f4a ≈ 1.08% من الذكور
ضعف الأخضر #212d49 ≈ 4.63% من الذكور
ضعف الأزرق #1a323f ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-222e49 {
  color: #222e49;
}
الخلفية
.bg-222e49 {
  background-color: #222e49;
  color: #ffffff;
}
الحد
.border-222e49 {
  border: 2px solid #222e49;
}
متغيرات CSS
:root {
  --color-primary: #222e49;
  --color-primary-rgb: 34 46 73;
  --color-primary-hsl: 222 36% 21%;
}
تدرج
.gradient-222e49 {
  background: linear-gradient(135deg, #222e49, #292249);
}
ظل ملوّن
.shadow-222e49 {
  box-shadow: 0 8px 24px rgb(34 46 73 / 0.35);
}

#002147 Oxford Blue ΔE 5.96 #003153 Prussian Blue ΔE 6.86 #2a3439 Gunmetal ΔE 11.81 #191970 Midnight Blue ΔE 12.10 #36454f Charcoal ΔE 12.16 #003399 Smalt ΔE 13.29 #483d8b Dark Slate Blue ΔE 13.31 #ddd1b6 معكوس #2e2e2e تدرج رمادي 

Oxford Blue
#222e49  rgb(34, 46, 73)  hsl(222, 36%, 21%)  Oxford Blue
#493d22  rgb(73, 61, 34)  hsl(42, 36%, 21%)  Taupe
#49222e  rgb(73, 34, 46)  hsl(342, 36%, 21%)  Eggplant
#2e4922  rgb(46, 73, 34)  hsl(102, 36%, 21%)  Hunter Green