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

#a3daf4 ≈ Baby Blue

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

⁦#a3daf4⁩ لون من عائلة «اللازوردي»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 63.92% أحمر و85.49% أخضر و95.69% أزرق؛ وعند طباعته بنظام CMYK يستخدم 33.2% سماوي و10.66% أرجواني و0% أصفر و4.31% أسود. زاوية صبغته 199.26°، وتشبّعه 78.64% وسطوعه 79.8% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانفتاح والحرية والسكينة. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولوحات الباستيل الناعمة. يحقق النص الأسود على هذا اللون نسبة تباين 13.89:1 (WCAG AAA). أقرب لون مسمّى هو Baby Blue (⁦#89cff0⁩)، وفرقه ΔE ‏3.91.

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

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

متكامل

  1. #a3daf4
  2. #f4bda3

متكامل منقسم

  1. #a3daf4
  2. #f4a3b1
  3. #f4e5a3

متجاور

  1. #a3f4e5
  2. #a3daf4
  3. #a3b1f4

ثلاثي

  1. #a3daf4
  2. #f4a3da
  3. #daf4a3

رباعي

  1. #a3daf4
  2. #bda3f4
  3. #f4bda3
  4. #daf4a3

مربع

  1. #a3daf4
  2. #e5a3f4
  3. #f4bda3
  4. #b1f4a3

أحادي اللون

  1. #1ba3e3
  2. #5fbfec
  3. #a3daf4
  4. #e7f5fc
  5. #edf8fd

الظلال

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

  1. #a3daf4
  2. #93c4dc
  3. #82aec3
  4. #7299ab
  5. #628392
  6. #526d7a
  7. #415762
  8. #314149
  9. #212c31
  10. #101618
  11. #000000

التفتيحات

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

  1. #a3daf4
  2. #acdef5
  3. #b5e1f6
  4. #bfe5f7
  5. #c8e9f8
  6. #d1edfa
  7. #daf0fb
  8. #e3f4fc
  9. #edf8fd
  10. #f6fbfe
  11. #ffffff

الدرجات

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

  1. #a3daf4
  2. #a0d1e8
  3. #9cc8dd
  4. #99bfd1
  5. #95b6c6
  6. #92adba
  7. #8ea4ae
  8. #8b9ba3
  9. #879297
  10. #84898c
  11. #808080

نص مقروء 1.51:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 13.89:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #d2d2d2 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #c1d5e0 ≈ 0.001% من الذكور
عمى الأحمر #cdd7f5 ≈ 1.01% من الذكور
عمى الأخضر #c1cef4 ≈ 1.27% من الذكور
عمى الأزرق #88e2e2 ≈ 0.0001% من الذكور
ضعف الأحمر #bdd8f5 ≈ 1.08% من الذكور
ضعف الأخضر #b6d3f4 ≈ 4.63% من الذكور
ضعف الأزرق #93dfe9 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-a3daf4 {
  color: #a3daf4;
}
الخلفية
.bg-a3daf4 {
  background-color: #a3daf4;
  color: #000000;
}
الحد
.border-a3daf4 {
  border: 2px solid #a3daf4;
}
متغيرات CSS
:root {
  --color-primary: #a3daf4;
  --color-primary-rgb: 163 218 244;
  --color-primary-hsl: 199 79% 80%;
}
تدرج
.gradient-a3daf4 {
  background: linear-gradient(135deg, #a3daf4, #a3b1f4);
}
ظل ملوّن
.shadow-a3daf4 {
  box-shadow: 0 8px 24px rgb(163 218 244 / 0.35);
}

#89cff0 Baby Blue ΔE 3.91 #a4dded Non-Photo Blue ΔE 3.95 #add8e6 Light Blue ΔE 4.03 #87ceeb Sky Blue ΔE 4.15 #b9d9eb Columbia Blue ΔE 4.77 #87cefa Light Sky Blue ΔE 5.70 #bcd4e6 Pale Aqua ΔE 6.90 #5c250b معكوس #d2d2d2 تدرج رمادي 

Baby Blue
#a3daf4  rgb(163, 218, 244)  hsl(199, 79%, 80%)  Baby Blue
#f4bda3  rgb(244, 189, 163)  hsl(19, 79%, 80%)  Zinnwaldite
#f4a3da  rgb(244, 163, 218)  hsl(319, 79%, 80%)  Plum
#daf4a3  rgb(218, 244, 163)  hsl(79, 79%, 80%)  Tea Green