ColorTool
تسجيل الدخول
#818DBD

#818dbd ≈ Cool Gray

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

⁦#818dbd⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه خافت. في نموذج RGB يتكوّن من 50.59% أحمر و55.29% أخضر و74.12% أزرق؛ وعند طباعته بنظام CMYK يستخدم 31.75% سماوي و25.4% أرجواني و0% أصفر و25.88% أسود. زاوية صبغته 228°، وتشبّعه 31.25% وسطوعه 62.35% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 6.48:1 (WCAG AA). أقرب لون مسمّى هو Cool Gray (⁦#8c92ac⁩)، وفرقه ΔE ‏6.52.

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

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

متكامل

  1. #818dbd
  2. #bdb181

متكامل منقسم

  1. #818dbd
  2. #bd9381
  3. #abbd81

متجاور

  1. #81abbd
  2. #818dbd
  3. #9381bd

ثلاثي

  1. #818dbd
  2. #bd818d
  3. #8dbd81

رباعي

  1. #818dbd
  2. #b181bd
  3. #bdb181
  4. #8dbd81

مربع

  1. #818dbd
  2. #bd81ab
  3. #bdb181
  4. #81bd93

أحادي اللون

  1. #39436c
  2. #53629e
  3. #818dbd
  4. #b3bad7
  5. #e5e8f2

الظلال

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

  1. #818dbd
  2. #747faa
  3. #677197
  4. #5a6384
  5. #4d5571
  6. #41475f
  7. #34384c
  8. #272a39
  9. #1a1c26
  10. #0d0e13
  11. #000000

التفتيحات

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

  1. #818dbd
  2. #8e98c4
  3. #9aa4ca
  4. #a7afd1
  5. #b3bbd7
  6. #c0c6de
  7. #cdd1e5
  8. #d9ddeb
  9. #e6e8f2
  10. #f2f4f8
  11. #ffffff

الدرجات

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

  1. #818dbd
  2. #818cb7
  3. #818ab1
  4. #8189ab
  5. #8188a5
  6. #81879f
  7. #808598
  8. #808492
  9. #80838c
  10. #808186
  11. #808080

نص مقروء 3.24:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 6.48:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #8f8f8f ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #8a8ea3 ≈ 0.001% من الذكور
عمى الأحمر #7e91bf ≈ 1.01% من الذكور
عمى الأخضر #7a8dbc ≈ 1.27% من الذكور
عمى الأزرق #71969e ≈ 0.0001% من الذكور
ضعف الأحمر #7f90be ≈ 1.08% من الذكور
ضعف الأخضر #7d8dbc ≈ 4.63% من الذكور
ضعف الأزرق #7893ab ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-818dbd {
  color: #818dbd;
}
الخلفية
.bg-818dbd {
  background-color: #818dbd;
  color: #000000;
}
الحد
.border-818dbd {
  border: 2px solid #818dbd;
}
متغيرات CSS
:root {
  --color-primary: #818dbd;
  --color-primary-rgb: 129 141 189;
  --color-primary-hsl: 228 31% 62%;
}
تدرج
.gradient-818dbd {
  background: linear-gradient(135deg, #818dbd, #9381bd);
}
ظل ملوّن
.shadow-818dbd {
  box-shadow: 0 8px 24px rgb(129 141 189 / 0.35);
}

#8c92ac Cool Gray ΔE 6.52 #6082b6 Glaucous ΔE 7.87 #a2add0 Wild Blue Yonder ΔE 10.15 #6495ed Cornflower Blue ΔE 10.41 #778899 Light Slate Gray ΔE 10.52 #778899 Light Slate Grey ΔE 10.52 #5b92e5 United Nations Blue ΔE 10.71 #7e7242 معكوس #8f8f8f تدرج رمادي 

Cool Gray
#818dbd  rgb(129, 141, 189)  hsl(228, 31%, 62%)  Cool Gray
#bdb181  rgb(189, 177, 129)  hsl(48, 31%, 62%)  Ecru
#bd818d  rgb(189, 129, 141)  hsl(348, 31%, 62%)  Puce
#8dbd81  rgb(141, 189, 129)  hsl(108, 31%, 62%)  Dark Sea Green