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

#222a3d ≈ Oxford Blue

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

⁦#222a3d⁩ لون من عائلة «الأزرق»، سطوعه منخفض جدًا وتشبّعه خافت. في نموذج RGB يتكوّن من 13.33% أحمر و16.47% أخضر و23.92% أزرق؛ وعند طباعته بنظام CMYK يستخدم 44.26% سماوي و31.15% أرجواني و0% أصفر و76.08% أسود. زاوية صبغته 222.22°، وتشبّعه 28.42% وسطوعه 18.63% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف والهويات المؤسسية. يحقق النص الأبيض على هذا اللون نسبة تباين 14.32:1 (WCAG AAA). أقرب لون مسمّى هو Oxford Blue (⁦#002147⁩)، وفرقه ΔE ‏7.76.

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

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

متكامل

  1. #222a3d
  2. #3d3522

متكامل منقسم

  1. #222a3d
  2. #3d2822
  3. #383d22

متجاور

  1. #22383d
  2. #222a3d
  3. #28223d

ثلاثي

  1. #222a3d
  2. #3d222a
  3. #2a3d22

رباعي

  1. #222a3d
  2. #35223d
  3. #3d3522
  4. #2a3d22

مربع

  1. #222a3d
  2. #3d2238
  3. #3d3522
  4. #223d28

أحادي اللون

  1. #07090d
  2. #07090d
  3. #222a3d
  4. #3d4c6e
  5. #596e9f

الظلال

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

  1. #222a3d
  2. #1f2637
  3. #1b2231
  4. #181d2b
  5. #141925
  6. #11151f
  7. #0e1118
  8. #0a0d12
  9. #07080c
  10. #030406
  11. #000000

التفتيحات

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

  1. #222a3d
  2. #383f50
  3. #4e5564
  4. #646a77
  5. #7a7f8b
  6. #91959e
  7. #a7aab1
  8. #bdbfc5
  9. #d3d4d8
  10. #e9eaec
  11. #ffffff

الدرجات

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

  1. #222a3d
  2. #2b3344
  3. #353b4a
  4. #3e4451
  5. #484c58
  6. #51555f
  7. #5a5e65
  8. #64666c
  9. #6d6f73
  10. #777779
  11. #808080

نص مقروء 14.32:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.47:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #2a2a2a ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #272a33 ≈ 0.001% من الذكور
عمى الأحمر #242b3e ≈ 1.01% من الذكور
عمى الأخضر #21293d ≈ 1.27% من الذكور
عمى الأزرق #192e31 ≈ 0.0001% من الذكور
ضعف الأحمر #232b3e ≈ 1.08% من الذكور
ضعف الأخضر #21293d ≈ 4.63% من الذكور
ضعف الأزرق #1d2c36 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

#002147 Oxford Blue ΔE 7.76 #003153 Prussian Blue ΔE 8.41 #2a3439 Gunmetal ΔE 9.43 #343434 Jet ΔE 10.92 #353839 Onyx ΔE 10.93 #36454f Charcoal ΔE 11.26 #010b13 Rich Black ΔE 11.70 #ddd5c2 معكوس #2a2a2a تدرج رمادي 

Oxford Blue
#222a3d  rgb(34, 42, 61)  hsl(222, 28%, 19%)  Oxford Blue
#3d3522  rgb(61, 53, 34)  hsl(42, 28%, 19%)  Taupe
#3d222a  rgb(61, 34, 42)  hsl(342, 28%, 19%)  Eggplant
#2a3d22  rgb(42, 61, 34)  hsl(102, 28%, 19%)  Phthalo Green