ColorTool
تسجيل الدخول
#8CAABE

#8caabe ≈ Moonstone Blue

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

⁦#8caabe⁩ لون من عائلة «اللازوردي»، سطوعه مرتفع وتشبّعه خافت. في نموذج RGB يتكوّن من 54.9% أحمر و66.67% أخضر و74.51% أزرق؛ وعند طباعته بنظام CMYK يستخدم 26.32% سماوي و10.53% أرجواني و0% أصفر و25.49% أسود. زاوية صبغته 204°، وتشبّعه 27.78% وسطوعه 64.71% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانفتاح والحرية والسكينة. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 8.61:1 (WCAG AAA). أقرب لون مسمّى هو Moonstone Blue (⁦#73a9c2⁩)، وفرقه ΔE ‏5.16.

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

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

متكامل

  1. #8caabe
  2. #bea08c

متكامل منقسم

  1. #8caabe
  2. #be8c91
  3. #beb98c

متجاور

  1. #8cbeb9
  2. #8caabe
  3. #8c91be

ثلاثي

  1. #8caabe
  2. #be8caa
  3. #aabe8c

رباعي

  1. #8caabe
  2. #a08cbe
  3. #bea08c
  4. #aabe8c

مربع

  1. #8caabe
  2. #b98cbe
  3. #bea08c
  4. #91be8c

أحادي اللون

  1. #405d71
  2. #5c86a2
  3. #8caabe
  4. #bdceda
  5. #eef2f5

الظلال

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

  1. #8caabe
  2. #7e99ab
  3. #708898
  4. #627785
  5. #546672
  6. #46555f
  7. #38444c
  8. #2a3339
  9. #1c2226
  10. #0e1113
  11. #000000

التفتيحات

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

  1. #8caabe
  2. #98b3c5
  3. #a3bbcb
  4. #afc4d2
  5. #baccd8
  6. #c6d5df
  7. #d1dde5
  8. #dde6ec
  9. #e8eef2
  10. #f4f7f9
  11. #ffffff

الدرجات

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

  1. #8caabe
  2. #8ba6b8
  3. #8aa2b2
  4. #889dab
  5. #8799a5
  6. #86959f
  7. #859199
  8. #848d93
  9. #82888c
  10. #818486
  11. #808080

نص مقروء 2.44:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 8.61:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #a6a6a6 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #9ca8b0 ≈ 0.001% من الذكور
عمى الأحمر #a1a9bf ≈ 1.01% من الذكور
عمى الأخضر #9aa3be ≈ 1.27% من الذكور
عمى الأزرق #7dafb0 ≈ 0.0001% من الذكور
ضعف الأحمر #99a9bf ≈ 1.08% من الذكور
ضعف الأخضر #95a6be ≈ 4.63% من الذكور
ضعف الأزرق #83adb6 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-8caabe {
  color: #8caabe;
}
الخلفية
.bg-8caabe {
  background-color: #8caabe;
  color: #000000;
}
الحد
.border-8caabe {
  border: 2px solid #8caabe;
}
متغيرات CSS
:root {
  --color-primary: #8caabe;
  --color-primary-rgb: 140 170 190;
  --color-primary-hsl: 204 28% 65%;
}
تدرج
.gradient-8caabe {
  background: linear-gradient(135deg, #8caabe, #8c91be);
}
ظل ملوّن
.shadow-8caabe {
  box-shadow: 0 8px 24px rgb(140 170 190 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 5.16 #71a6d2 Iceberg ΔE 7.07 #aec6cf Pastel Blue ΔE 8.92 #b0c4de Light Steel Blue ΔE 9.18 #56a0d3 Carolina Blue ΔE 9.64 #a2add0 Wild Blue Yonder ΔE 10.64 #778899 Light Slate Gray ΔE 11.08 #735541 معكوس #a6a6a6 تدرج رمادي 

Moonstone Blue
#8caabe  rgb(140, 170, 190)  hsl(204, 28%, 65%)  Moonstone Blue
#bea08c  rgb(190, 160, 140)  hsl(24, 28%, 65%)  Tumbleweed
#be8caa  rgb(190, 140, 170)  hsl(324, 28%, 65%)  Puce
#aabe8c  rgb(170, 190, 140)  hsl(84, 28%, 65%)  Olivine