ColorTool
تسجيل الدخول
#878CD3

#878cd3 ≈ Glaucous

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

⁦#878cd3⁩ لون من عائلة «الأزرق»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 52.94% أحمر و54.9% أخضر و82.75% أزرق؛ وعند طباعته بنظام CMYK يستخدم 36.02% سماوي و33.65% أرجواني و0% أصفر و17.25% أسود. زاوية صبغته 236.05°، وتشبّعه 46.34% وسطوعه 67.84% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 6.72:1 (WCAG AA). أقرب لون مسمّى هو Glaucous (⁦#6082b6⁩)، وفرقه ΔE ‏9.17.

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

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

متكامل

  1. #878cd3
  2. #d3ce87

متكامل منقسم

  1. #878cd3
  2. #d3a887
  3. #b2d387

متجاور

  1. #87b2d3
  2. #878cd3
  3. #a887d3

ثلاثي

  1. #878cd3
  2. #d3878c
  3. #8cd387

رباعي

  1. #878cd3
  2. #ce87d3
  3. #d3ce87
  4. #8cd387

مربع

  1. #878cd3
  2. #d387b2
  3. #d3ce87
  4. #87d3a8

أحادي اللون

  1. #343a8d
  2. #4f56be
  3. #878cd3
  4. #bfc2e8
  5. #f0f1fa

الظلال

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

  1. #878cd3
  2. #7a7ebe
  3. #6c70a9
  4. #5f6294
  5. #51547f
  6. #44466a
  7. #363854
  8. #292a3f
  9. #1b1c2a
  10. #0e0e15
  11. #000000

التفتيحات

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

  1. #878cd3
  2. #9398d7
  3. #9fa3dc
  4. #abafe0
  5. #b7bae5
  6. #c3c6e9
  7. #cfd1ed
  8. #dbddf2
  9. #e7e8f6
  10. #f3f4fb
  11. #ffffff

الدرجات

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

  1. #878cd3
  2. #868bcb
  3. #868ac2
  4. #8588ba
  5. #8487b2
  6. #8486aa
  7. #8385a1
  8. #828499
  9. #818291
  10. #818188
  11. #808080

نص مقروء 3.12:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 6.72:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #929292 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #8e8fb0 ≈ 0.001% من الذكور
عمى الأحمر #7595d6 ≈ 1.01% من الذكور
عمى الأخضر #718fd1 ≈ 1.27% من الذكور
عمى الأزرق #729aa6 ≈ 0.0001% من الذكور
ضعف الأحمر #7d91d5 ≈ 1.08% من الذكور
ضعف الأخضر #7b8ed2 ≈ 4.63% من الذكور
ضعف الأزرق #7b94ba ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-878cd3 {
  color: #878cd3;
}
الخلفية
.bg-878cd3 {
  background-color: #878cd3;
  color: #000000;
}
الحد
.border-878cd3 {
  border: 2px solid #878cd3;
}
متغيرات CSS
:root {
  --color-primary: #878cd3;
  --color-primary-rgb: 135 140 211;
  --color-primary-hsl: 236 46% 68%;
}
تدرج
.gradient-878cd3 {
  background: linear-gradient(135deg, #878cd3, #a887d3);
}
ظل ملوّن
.shadow-878cd3 {
  box-shadow: 0 8px 24px rgb(135 140 211 / 0.35);
}

#6082b6 Glaucous ΔE 9.17 #8c92ac Cool Gray ΔE 9.95 #6495ed Cornflower Blue ΔE 10.04 #9370db Medium Purple ΔE 10.23 #5b92e5 United Nations Blue ΔE 10.83 #9678b6 Purple Mountain Majesty ΔE 10.86 #a2add0 Wild Blue Yonder ΔE 11.01 #78732c معكوس #929292 تدرج رمادي 

Glaucous
#878cd3  rgb(135, 140, 211)  hsl(236, 46%, 68%)  Glaucous
#d3ce87  rgb(211, 206, 135)  hsl(56, 46%, 68%)  Dark Khaki
#d3878c  rgb(211, 135, 140)  hsl(356, 46%, 68%)  Old Rose
#8cd387  rgb(140, 211, 135)  hsl(116, 46%, 68%)  Pastel Green