ColorTool
تسجيل الدخول
#313B55

#313b55 ≈ Prussian Blue

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

⁦#313b55⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه خافت. في نموذج RGB يتكوّن من 19.22% أحمر و23.14% أخضر و33.33% أزرق؛ وعند طباعته بنظام CMYK يستخدم 42.35% سماوي و30.59% أرجواني و0% أصفر و66.67% أسود. زاوية صبغته 223.33°، وتشبّعه 26.87% وسطوعه 26.27% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف والهويات المؤسسية. يحقق النص الأبيض على هذا اللون نسبة تباين 11.13:1 (WCAG AAA). أقرب لون مسمّى هو Prussian Blue (⁦#003153⁩)، وفرقه ΔE ‏8.35.

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

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

متكامل

  1. #313b55
  2. #554b31

متكامل منقسم

  1. #313b55
  2. #553931
  3. #4d5531

متجاور

  1. #314d55
  2. #313b55
  3. #393155

ثلاثي

  1. #313b55
  2. #55313b
  3. #3b5531

رباعي

  1. #313b55
  2. #4b3155
  3. #554b31
  4. #3b5531

مربع

  1. #313b55
  2. #55314d
  3. #554b31
  4. #315539

أحادي اللون

  1. #07090d
  2. #151924
  3. #313b55
  4. #4d5d86
  5. #7282ad

الظلال

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

  1. #313b55
  2. #2c354d
  3. #272f44
  4. #22293c
  5. #1d2333
  6. #191e2b
  7. #141822
  8. #0f121a
  9. #0a0c11
  10. #050609
  11. #000000

التفتيحات

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

  1. #313b55
  2. #464f66
  3. #5a6277
  4. #6f7688
  5. #838999
  6. #989daa
  7. #adb1bb
  8. #c1c4cc
  9. #d6d8dd
  10. #eaebee
  11. #ffffff

الدرجات

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

  1. #313b55
  2. #394259
  3. #41495e
  4. #495062
  5. #515766
  6. #595e6b
  7. #60646f
  8. #686b73
  9. #707277
  10. #78797c
  11. #808080

نص مقروء 11.13:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.89:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #3b3b3b ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #383b47 ≈ 0.001% من الذكور
عمى الأحمر #323d56 ≈ 1.01% من الذكور
عمى الأخضر #2f3a54 ≈ 1.27% من الذكور
عمى الأزرق #264044 ≈ 0.0001% من الذكور
ضعف الأحمر #323c56 ≈ 1.08% من الذكور
ضعف الأخضر #303a55 ≈ 4.63% من الذكور
ضعف الأزرق #2b3e4b ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-313b55 {
  color: #313b55;
}
الخلفية
.bg-313b55 {
  background-color: #313b55;
  color: #ffffff;
}
الحد
.border-313b55 {
  border: 2px solid #313b55;
}
متغيرات CSS
:root {
  --color-primary: #313b55;
  --color-primary-rgb: 49 59 85;
  --color-primary-hsl: 223 27% 26%;
}
تدرج
.gradient-313b55 {
  background: linear-gradient(135deg, #313b55, #393155);
}
ظل ملوّن
.shadow-313b55 {
  box-shadow: 0 8px 24px rgb(49 59 85 / 0.35);
}

#003153 Prussian Blue ΔE 8.35 #002147 Oxford Blue ΔE 9.75 #36454f Charcoal ΔE 9.99 #2a3439 Gunmetal ΔE 11.52 #483d8b Dark Slate Blue ΔE 11.57 #353839 Onyx ΔE 12.39 #0f4d92 Yale Blue ΔE 12.75 #cec4aa معكوس #3b3b3b تدرج رمادي 

Prussian Blue
#313b55  rgb(49, 59, 85)  hsl(223, 27%, 26%)  Prussian Blue
#554b31  rgb(85, 75, 49)  hsl(43, 27%, 26%)  Taupe
#55313b  rgb(85, 49, 59)  hsl(343, 27%, 26%)  Eggplant
#3b5531  rgb(59, 85, 49)  hsl(103, 27%, 26%)  Hunter Green