ColorTool
تسجيل الدخول
#64B7DD

#64b7dd ≈ Moonstone Blue

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

⁦#64b7dd⁩ لون من عائلة «اللازوردي»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 39.22% أحمر و71.76% أخضر و86.67% أزرق؛ وعند طباعته بنظام CMYK يستخدم 54.75% سماوي و17.19% أرجواني و0% أصفر و13.33% أسود. زاوية صبغته 198.84°، وتشبّعه 64.02% وسطوعه 62.94% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانفتاح والحرية والسكينة. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 9.36:1 (WCAG AAA). أقرب لون مسمّى هو Moonstone Blue (⁦#73a9c2⁩)، وفرقه ΔE ‏5.34.

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

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

متكامل

  1. #64b7dd
  2. #dd8a64

متكامل منقسم

  1. #64b7dd
  2. #dd647b
  3. #ddc664

متجاور

  1. #64ddc6
  2. #64b7dd
  3. #647bdd

ثلاثي

  1. #64b7dd
  2. #dd64b7
  3. #b7dd64

رباعي

  1. #64b7dd
  2. #8a64dd
  3. #dd8a64
  4. #b7dd64

مربع

  1. #64b7dd
  2. #c664dd
  3. #dd8a64
  4. #7bdd64

أحادي اللون

  1. #1e688a
  2. #2c97c9
  3. #64b7dd
  4. #a3d4eb
  5. #e1f1f9

الظلال

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

  1. #64b7dd
  2. #5aa5c7
  3. #5092b1
  4. #46809b
  5. #3c6e85
  6. #325c6f
  7. #284958
  8. #1e3742
  9. #14252c
  10. #0a1216
  11. #000000

التفتيحات

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

  1. #64b7dd
  2. #74bee0
  3. #83c5e4
  4. #93cde7
  5. #a2d4eb
  6. #b2dbee
  7. #c1e2f1
  8. #d1e9f5
  9. #e0f1f8
  10. #f0f8fc
  11. #ffffff

الدرجات

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

  1. #64b7dd
  2. #67b2d4
  3. #6aacca
  4. #6ca7c1
  5. #6fa1b8
  6. #729caf
  7. #7596a5
  8. #78919c
  9. #7a8b93
  10. #7d8689
  11. #808080

نص مقروء 2.24:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 9.36:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #adadad ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #95b1c2 ≈ 0.001% من الذكور
عمى الأحمر #a4b4df ≈ 1.01% من الذكور
عمى الأخضر #92a7dd ≈ 1.27% من الذكور
عمى الأزرق #00c2c3 ≈ 0.0001% من الذكور
ضعف الأحمر #8fb5de ≈ 1.08% من الذكور
ضعف الأخضر #82aedd ≈ 4.63% من الذكور
ضعف الأزرق #3ebece ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-64b7dd {
  color: #64b7dd;
}
الخلفية
.bg-64b7dd {
  background-color: #64b7dd;
  color: #000000;
}
الحد
.border-64b7dd {
  border: 2px solid #64b7dd;
}
متغيرات CSS
:root {
  --color-primary: #64b7dd;
  --color-primary-rgb: 100 183 221;
  --color-primary-hsl: 199 64% 63%;
}
تدرج
.gradient-64b7dd {
  background: linear-gradient(135deg, #64b7dd, #647bdd);
}
ظل ملوّن
.shadow-64b7dd {
  box-shadow: 0 8px 24px rgb(100 183 221 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 5.34 #00bfff Deep Sky Blue ΔE 5.80 #73c2fb Maya Blue ΔE 6.20 #87ceeb Sky Blue ΔE 6.73 #89cff0 Baby Blue ΔE 6.77 #87cefa Light Sky Blue ΔE 7.05 #71a6d2 Iceberg ΔE 7.11 #9b4822 معكوس #adadad تدرج رمادي 

Moonstone Blue
#64b7dd  rgb(100, 183, 221)  hsl(199, 64%, 63%)  Moonstone Blue
#dd8a64  rgb(221, 138, 100)  hsl(19, 64%, 63%)  Raw Sienna
#dd64b7  rgb(221, 100, 183)  hsl(319, 64%, 63%)  Sky Magenta
#b7dd64  rgb(183, 221, 100)  hsl(79, 64%, 63%)  June Bud