ColorTool
تسجيل الدخول
#31324B

#31324b ≈ Oxford Blue

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

⁦#31324b⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه خافت. في نموذج RGB يتكوّن من 19.22% أحمر و19.61% أخضر و29.41% أزرق؛ وعند طباعته بنظام CMYK يستخدم 34.67% سماوي و33.33% أرجواني و0% أصفر و70.59% أسود. زاوية صبغته 237.69°، وتشبّعه 20.97% وسطوعه 24.31% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف والهويات المؤسسية. يحقق النص الأبيض على هذا اللون نسبة تباين 12.44:1 (WCAG AAA). أقرب لون مسمّى هو Oxford Blue (⁦#002147⁩)، وفرقه ΔE ‏9.82.

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

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

متكامل

  1. #31324b
  2. #4b4a31

متكامل منقسم

  1. #31324b
  2. #4b3d31
  3. #3f4b31

متجاور

  1. #313f4b
  2. #31324b
  3. #3d314b

ثلاثي

  1. #31324b
  2. #4b3132
  3. #324b31

رباعي

  1. #31324b
  2. #4a314b
  3. #4b4a31
  4. #324b31

مربع

  1. #31324b
  2. #4b313f
  3. #4b4a31
  4. #314b3d

أحادي اللون

  1. #08080c
  2. #13131d
  3. #31324b
  4. #4f5179
  5. #7274a3

الظلال

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

  1. #31324b
  2. #2c2d44
  3. #27283c
  4. #222335
  5. #1d1e2d
  6. #191926
  7. #14141e
  8. #0f0f17
  9. #0a0a0f
  10. #050508
  11. #000000

التفتيحات

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

  1. #31324b
  2. #46475d
  3. #5a5b6f
  4. #6f7081
  5. #838493
  6. #9899a5
  7. #adadb7
  8. #c1c2c9
  9. #d6d6db
  10. #eaebed
  11. #ffffff

الدرجات

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

  1. #31324b
  2. #393a50
  3. #414256
  4. #49495b
  5. #515160
  6. #595966
  7. #60616b
  8. #686970
  9. #707075
  10. #78787b
  11. #808080

نص مقروء 12.44:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.69:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #343434 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #33333e ≈ 0.001% من الذكور
عمى الأحمر #2b354c ≈ 1.01% من الذكور
عمى الأخضر #2a334a ≈ 1.27% من الذكور
عمى الأزرق #2a373b ≈ 0.0001% من الذكور
ضعف الأحمر #2d344c ≈ 1.08% من الذكور
ضعف الأخضر #2d334b ≈ 4.63% من الذكور
ضعف الأزرق #2d3542 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

#002147 Oxford Blue ΔE 9.82 #003153 Prussian Blue ΔE 11.40 #343434 Jet ΔE 12.95 #2a3439 Gunmetal ΔE 13.04 #353839 Onyx ΔE 13.11 #36454f Charcoal ΔE 13.26 #483d8b Dark Slate Blue ΔE 13.86 #cecdb4 معكوس #343434 تدرج رمادي 

Oxford Blue
#31324b  rgb(49, 50, 75)  hsl(238, 21%, 24%)  Oxford Blue
#4b4a31  rgb(75, 74, 49)  hsl(58, 21%, 24%)  Rifle Green
#4b3132  rgb(75, 49, 50)  hsl(358, 21%, 24%)  Caput Mortuum
#324b31  rgb(50, 75, 49)  hsl(118, 21%, 24%)  Rifle Green