ColorTool
تسجيل الدخول
#3A4560

#3a4560 ≈ Charcoal

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

⁦#3a4560⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه خافت. في نموذج RGB يتكوّن من 22.75% أحمر و27.06% أخضر و37.65% أزرق؛ وعند طباعته بنظام CMYK يستخدم 39.58% سماوي و28.13% أرجواني و0% أصفر و62.35% أسود. زاوية صبغته 222.63°، وتشبّعه 24.68% وسطوعه 30.2% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف والهويات المؤسسية. يحقق النص الأبيض على هذا اللون نسبة تباين 9.55:1 (WCAG AAA). أقرب لون مسمّى هو Charcoal (⁦#36454f⁩)، وفرقه ΔE ‏9.52.

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

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

متكامل

  1. #3a4560
  2. #60553a

متكامل منقسم

  1. #3a4560
  2. #60423a
  3. #58603a

متجاور

  1. #3a5860
  2. #3a4560
  3. #423a60

ثلاثي

  1. #3a4560
  2. #603a45
  3. #45603a

رباعي

  1. #3a4560
  2. #553a60
  3. #60553a
  4. #45603a

مربع

  1. #3a4560
  2. #603a58
  3. #60553a
  4. #3a6042

أحادي اللون

  1. #08090d
  2. #1d2330
  3. #3a4560
  4. #576790
  5. #808fb3

الظلال

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

  1. #3a4560
  2. #343e56
  3. #2e374d
  4. #293043
  5. #23293a
  6. #1d2330
  7. #171c26
  8. #11151d
  9. #0c0e13
  10. #06070a
  11. #000000

التفتيحات

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

  1. #3a4560
  2. #4e5870
  3. #616a80
  4. #757d90
  5. #898fa0
  6. #9da2b0
  7. #b0b5bf
  8. #c4c7cf
  9. #d8dadf
  10. #ebecef
  11. #ffffff

الدرجات

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

  1. #3a4560
  2. #414b63
  3. #485166
  4. #4f576a
  5. #565d6d
  6. #5d6370
  7. #646873
  8. #6b6e76
  9. #72747a
  10. #797a7d
  11. #808080

نص مقروء 9.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 2.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #454545 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #414551 ≈ 0.001% من الذكور
عمى الأحمر #3c4761 ≈ 1.01% من الذكور
عمى الأخضر #38445f ≈ 1.27% من الذكور
عمى الأزرق #2e4a4e ≈ 0.0001% من الذكور
ضعف الأحمر #3b4661 ≈ 1.08% من الذكور
ضعف الأخضر #394460 ≈ 4.63% من الذكور
ضعف الأزرق #334856 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-3a4560 {
  color: #3a4560;
}
الخلفية
.bg-3a4560 {
  background-color: #3a4560;
  color: #ffffff;
}
الحد
.border-3a4560 {
  border: 2px solid #3a4560;
}
متغيرات CSS
:root {
  --color-primary: #3a4560;
  --color-primary-rgb: 58 69 96;
  --color-primary-hsl: 223 25% 30%;
}
تدرج
.gradient-3a4560 {
  background: linear-gradient(135deg, #3a4560, #423a60);
}
ظل ملوّن
.shadow-3a4560 {
  box-shadow: 0 8px 24px rgb(58 69 96 / 0.35);
}

#36454f Charcoal ΔE 9.52 #003153 Prussian Blue ΔE 9.98 #483d8b Dark Slate Blue ΔE 10.57 #0f4d92 Yale Blue ΔE 11.08 #002147 Oxford Blue ΔE 12.51 #2a3439 Gunmetal ΔE 12.66 #414a4c Outer Space ΔE 12.71 #c5ba9f معكوس #454545 تدرج رمادي 

Charcoal
#3a4560  rgb(58, 69, 96)  hsl(223, 25%, 30%)  Charcoal
#60553a  rgb(96, 85, 58)  hsl(43, 25%, 30%)  Field Drab
#603a45  rgb(96, 58, 69)  hsl(343, 25%, 30%)  Eggplant
#45603a  rgb(69, 96, 58)  hsl(103, 25%, 30%)  Hunter Green