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

#303a3d ≈ Gunmetal

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

⁦#303a3d⁩ لون من عائلة «السماوي»، سطوعه منخفض وتشبّعه شبه معدوم. في نموذج RGB يتكوّن من 18.82% أحمر و22.75% أخضر و23.92% أزرق؛ وعند طباعته بنظام CMYK يستخدم 21.31% سماوي و4.92% أرجواني و0% أصفر و76.08% أسود. زاوية صبغته 193.85°، وتشبّعه 11.93% وسطوعه 21.37% في نموذج HSL. إنه لون محايد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية والهويات المؤسسية. يحقق النص الأبيض على هذا اللون نسبة تباين 11.68:1 (WCAG AAA). أقرب لون مسمّى هو Gunmetal (⁦#2a3439⁩)، وفرقه ΔE ‏2.31.

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

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

متكامل

  1. #303a3d
  2. #3d3330

متكامل منقسم

  1. #303a3d
  2. #3d3033
  3. #3d3930

متجاور

  1. #303d39
  2. #303a3d
  3. #30333d

ثلاثي

  1. #303a3d
  2. #3d303a
  3. #3a3d30

رباعي

  1. #303a3d
  2. #33303d
  3. #3d3330
  4. #3a3d30

مربع

  1. #303a3d
  2. #39303d
  3. #3d3330
  4. #333d30

أحادي اللون

  1. #090b0b
  2. #0e1112
  3. #303a3d
  4. #526368
  5. #748b92

الظلال

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

  1. #303a3d
  2. #2b3437
  3. #262e31
  4. #22292b
  5. #1d2325
  6. #181d1f
  7. #131718
  8. #0e1112
  9. #0a0c0c
  10. #050606
  11. #000000

التفتيحات

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

  1. #303a3d
  2. #454e50
  3. #596164
  4. #6e7577
  5. #83898b
  6. #989d9e
  7. #acb0b1
  8. #c1c4c5
  9. #d6d8d8
  10. #eaebec
  11. #ffffff

الدرجات

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

  1. #303a3d
  2. #384144
  3. #40484a
  4. #484f51
  5. #505658
  6. #585d5f
  7. #606465
  8. #686b6c
  9. #707273
  10. #787979
  11. #808080

نص مقروء 11.68:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.8:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #383838 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #35393a ≈ 0.001% من الذكور
عمى الأحمر #38393d ≈ 1.01% من الذكور
عمى الأخضر #36383d ≈ 1.27% من الذكور
عمى الأزرق #2c3b3b ≈ 0.0001% من الذكور
ضعف الأحمر #353a3d ≈ 1.08% من الذكور
ضعف الأخضر #34393d ≈ 4.63% من الذكور
ضعف الأزرق #2e3b3c ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

#2a3439 Gunmetal ΔE 2.31 #353839 Onyx ΔE 3.50 #36454f Charcoal ΔE 5.15 #414a4c Outer Space ΔE 5.37 #343434 Jet ΔE 5.46 #3b3c36 Black Olive ΔE 6.70 #2f4f4f Dark Slate Gray ΔE 10.12 #cfc5c2 معكوس #383838 تدرج رمادي 

Gunmetal
#303a3d  rgb(48, 58, 61)  hsl(194, 12%, 21%)  Gunmetal
#3d3330  rgb(61, 51, 48)  hsl(14, 12%, 21%)  Taupe
#3d303a  rgb(61, 48, 58)  hsl(314, 12%, 21%)  Jet
#3a3d30  rgb(58, 61, 48)  hsl(74, 12%, 21%)  Black Olive