ColorTool
تسجيل الدخول
#323D63

#323d63 ≈ Prussian Blue

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

⁦#323d63⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه خافت. في نموذج RGB يتكوّن من 19.61% أحمر و23.92% أخضر و38.82% أزرق؛ وعند طباعته بنظام CMYK يستخدم 49.49% سماوي و38.38% أرجواني و0% أصفر و61.18% أسود. زاوية صبغته 226.53°، وتشبّعه 32.89% وسطوعه 29.22% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف والعلامات الفاخرة. يحقق النص الأبيض على هذا اللون نسبة تباين 10.59:1 (WCAG AAA). أقرب لون مسمّى هو Prussian Blue (⁦#003153⁩)، وفرقه ΔE ‏8.87.

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

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

متكامل

  1. #323d63
  2. #635832

متكامل منقسم

  1. #323d63
  2. #634032
  3. #566332

متجاور

  1. #325663
  2. #323d63
  3. #403263

ثلاثي

  1. #323d63
  2. #63323d
  3. #3d6332

رباعي

  1. #323d63
  2. #583263
  3. #635832
  4. #3d6332

مربع

  1. #323d63
  2. #633256
  3. #635832
  4. #326340

أحادي اللون

  1. #07080e
  2. #181e30
  3. #323d63
  4. #4c5c96
  5. #7584b9

الظلال

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

  1. #323d63
  2. #2d3759
  3. #28314f
  4. #232b45
  5. #1e253b
  6. #191f32
  7. #141828
  8. #0f121e
  9. #0a0c14
  10. #05060a
  11. #000000

التفتيحات

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

  1. #323d63
  2. #475073
  3. #5b6482
  4. #707792
  5. #848ba1
  6. #999eb1
  7. #adb1c1
  8. #c2c5d0
  9. #d6d8e0
  10. #ebecef
  11. #ffffff

الدرجات

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

  1. #323d63
  2. #3a4466
  3. #424a69
  4. #49516c
  5. #51586f
  6. #595f72
  7. #616574
  8. #696c77
  9. #70737a
  10. #78797d
  11. #808080

نص مقروء 10.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.98:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #3f3f3f ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #3a3e50 ≈ 0.001% من الذكور
عمى الأحمر #2f4165 ≈ 1.01% من الذكور
عمى الأخضر #2a3d62 ≈ 1.27% من الذكور
عمى الأزرق #20454b ≈ 0.0001% من الذكور
ضعف الأحمر #303f64 ≈ 1.08% من الذكور
ضعف الأخضر #2e3d62 ≈ 4.63% من الذكور
ضعف الأزرق #284256 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-323d63 {
  color: #323d63;
}
الخلفية
.bg-323d63 {
  background-color: #323d63;
  color: #ffffff;
}
الحد
.border-323d63 {
  border: 2px solid #323d63;
}
متغيرات CSS
:root {
  --color-primary: #323d63;
  --color-primary-rgb: 50 61 99;
  --color-primary-hsl: 227 33% 29%;
}
تدرج
.gradient-323d63 {
  background: linear-gradient(135deg, #323d63, #403263);
}
ظل ملوّن
.shadow-323d63 {
  box-shadow: 0 8px 24px rgb(50 61 99 / 0.35);
}

#003153 Prussian Blue ΔE 8.87 #483d8b Dark Slate Blue ΔE 9.01 #002147 Oxford Blue ΔE 9.81 #0f4d92 Yale Blue ΔE 10.72 #003399 Smalt ΔE 10.93 #0047ab Cobalt Blue ΔE 12.13 #1034a6 Egyptian Blue ΔE 12.14 #cdc29c معكوس #3f3f3f تدرج رمادي 

Prussian Blue
#323d63  rgb(50, 61, 99)  hsl(227, 33%, 29%)  Prussian Blue
#635832  rgb(99, 88, 50)  hsl(47, 33%, 29%)  Field Drab
#63323d  rgb(99, 50, 61)  hsl(347, 33%, 29%)  Wine
#3d6332  rgb(61, 99, 50)  hsl(107, 33%, 29%)  Hunter Green