ColorTool
تسجيل الدخول
#333360

#333360 ≈ Dark Slate Blue

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

⁦#333360⁩ لون من عائلة «الأزرق»، سطوعه منخفض وتشبّعه خافت. في نموذج RGB يتكوّن من 20% أحمر و20% أخضر و37.65% أزرق؛ وعند طباعته بنظام CMYK يستخدم 46.88% سماوي و46.88% أرجواني و0% أصفر و62.35% أسود. زاوية صبغته 240°، وتشبّعه 30.61% وسطوعه 28.82% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف والعلامات الفاخرة. يحقق النص الأبيض على هذا اللون نسبة تباين 11.78:1 (WCAG AAA). أقرب لون مسمّى هو Dark Slate Blue (⁦#483d8b⁩)، وفرقه ΔE ‏8.55.

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

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

متكامل

  1. #333360
  2. #606033

متكامل منقسم

  1. #333360
  2. #604933
  3. #496033

متجاور

  1. #334960
  2. #333360
  3. #493360

ثلاثي

  1. #333360
  2. #603333
  3. #336033

رباعي

  1. #333360
  2. #603360
  3. #606033
  4. #336033

مربع

  1. #333360
  2. #603349
  3. #606033
  4. #336049

أحادي اللون

  1. #07070d
  2. #18182e
  3. #333360
  4. #4e4e92
  5. #7676b6

الظلال

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

  1. #333360
  2. #2e2e56
  3. #29294d
  4. #242443
  5. #1f1f3a
  6. #1a1a30
  7. #141426
  8. #0f0f1d
  9. #0a0a13
  10. #05050a
  11. #000000

التفتيحات

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

  1. #333360
  2. #474770
  3. #5c5c80
  4. #707090
  5. #8585a0
  6. #9999b0
  7. #adadbf
  8. #c2c2cf
  9. #d6d6df
  10. #ebebef
  11. #ffffff

الدرجات

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

  1. #333360
  2. #3b3b63
  3. #424266
  4. #4a4a6a
  5. #52526d
  6. #5a5a70
  7. #616173
  8. #696976
  9. #71717a
  10. #78787d
  11. #808080

نص مقروء 11.78:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
نص مقروء 1.78:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

عمى الألوان الكلي #383838 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #36364b ≈ 0.001% من الذكور
عمى الأحمر #223962 ≈ 1.01% من الذكور
عمى الأخضر #1f365f ≈ 1.27% من الذكور
عمى الأزرق #253c44 ≈ 0.0001% من الذكور
ضعف الأحمر #2a3761 ≈ 1.08% من الذكور
ضعف الأخضر #28355f ≈ 4.63% من الذكور
ضعف الأزرق #2b3951 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-333360 {
  color: #333360;
}
الخلفية
.bg-333360 {
  background-color: #333360;
  color: #ffffff;
}
الحد
.border-333360 {
  border: 2px solid #333360;
}
متغيرات CSS
:root {
  --color-primary: #333360;
  --color-primary-rgb: 51 51 96;
  --color-primary-hsl: 240 31% 29%;
}
تدرج
.gradient-333360 {
  background: linear-gradient(135deg, #333360, #493360);
}
ظل ملوّن
.shadow-333360 {
  box-shadow: 0 8px 24px rgb(51 51 96 / 0.35);
}

#483d8b Dark Slate Blue ΔE 8.55 #002147 Oxford Blue ΔE 9.28 #191970 Midnight Blue ΔE 10.32 #003153 Prussian Blue ΔE 10.89 #003399 Smalt ΔE 11.56 #32127a Persian Indigo ΔE 12.13 #002395 Imperial Blue ΔE 12.41 #cccc9f معكوس #383838 تدرج رمادي 

Dark Slate Blue
#333360  rgb(51, 51, 96)  hsl(240, 31%, 29%)  Dark Slate Blue
#606033  rgb(96, 96, 51)  hsl(60, 31%, 29%)  Army Green
#603333  rgb(96, 51, 51)  hsl(0, 31%, 29%)  Caput Mortuum
#336033  rgb(51, 96, 51)  hsl(120, 31%, 29%)  Hunter Green