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

#222f49 ≈ Oxford Blue

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

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

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

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

متكامل

  1. #222f49
  2. #493c22

متكامل منقسم

  1. #222f49
  2. #492822
  3. #424922

متجاور

  1. #224249
  2. #222f49
  3. #282249

ثلاثي

  1. #222f49
  2. #49222f
  3. #2f4922

رباعي

  1. #222f49
  2. #3c2249
  3. #493c22
  4. #2f4922

مربع

  1. #222f49
  2. #492242
  3. #493c22
  4. #224928

أحادي اللون

  1. #06090e
  2. #0a0d15
  3. #222f49
  4. #3a517d
  5. #5473b0

الظلال

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

  1. #222f49
  2. #1f2a42
  3. #1b263a
  4. #182133
  5. #141c2c
  6. #111825
  7. #0e131d
  8. #0a0e16
  9. #07090f
  10. #030507
  11. #000000

التفتيحات

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

  1. #222f49
  2. #38445b
  3. #4e596d
  4. #646d80
  5. #7a8292
  6. #9197a4
  7. #a7acb6
  8. #bdc1c8
  9. #d3d5db
  10. #e9eaed
  11. #ffffff

الدرجات

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

  1. #222f49
  2. #2b374f
  3. #353f54
  4. #3e475a
  5. #484f5f
  6. #515865
  7. #5a606a
  8. #646870
  9. #6d7075
  10. #77787b
  11. #808080

نص مقروء 13.37:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.57:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #2f2f2f ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #2a2f3b ≈ 0.001% من الذكور
عمى الأحمر #25314a ≈ 1.01% من الذكور
عمى الأخضر #212d48 ≈ 1.27% من الذكور
عمى الأزرق #123538 ≈ 0.0001% من الذكور
ضعف الأحمر #24304a ≈ 1.08% من الذكور
ضعف الأخضر #212e49 ≈ 4.63% من الذكور
ضعف الأزرق #193240 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

#002147 Oxford Blue ΔE 6.18 #003153 Prussian Blue ΔE 6.41 #2a3439 Gunmetal ΔE 11.20 #36454f Charcoal ΔE 11.49 #191970 Midnight Blue ΔE 12.14 #353839 Onyx ΔE 12.84 #003399 Smalt ΔE 13.04 #ddd0b6 معكوس #2f2f2f تدرج رمادي 

Oxford Blue
#222f49  rgb(34, 47, 73)  hsl(220, 36%, 21%)  Oxford Blue
#493c22  rgb(73, 60, 34)  hsl(40, 36%, 21%)  Taupe
#49222f  rgb(73, 34, 47)  hsl(340, 36%, 21%)  Eggplant
#2f4922  rgb(47, 73, 34)  hsl(100, 36%, 21%)  Hunter Green