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

#a4d3df ≈ Light Blue

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

⁦#a4d3df⁩ لون من عائلة «السماوي»، سطوعه مرتفع وتشبّعه خافت. في نموذج RGB يتكوّن من 64.31% أحمر و82.75% أخضر و87.45% أزرق؛ وعند طباعته بنظام CMYK يستخدم 26.46% سماوي و5.38% أرجواني و0% أصفر و12.55% أسود. زاوية صبغته 192.2°، وتشبّعه 47.97% وسطوعه 75.88% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولوحات الباستيل الناعمة. يحقق النص الأسود على هذا اللون نسبة تباين 12.96:1 (WCAG AAA). أقرب لون مسمّى هو Light Blue (⁦#add8e6⁩)، وفرقه ΔE ‏2.06.

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

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

متكامل

  1. #a4d3df
  2. #dfb0a4

متكامل منقسم

  1. #a4d3df
  2. #dfa4b5
  3. #dfcda4

متجاور

  1. #a4dfcd
  2. #a4d3df
  3. #a4b5df

ثلاثي

  1. #a4d3df
  2. #dfa4d3
  3. #d3dfa4

رباعي

  1. #a4d3df
  2. #b0a4df
  3. #dfb0a4
  4. #d3dfa4

مربع

  1. #a4d3df
  2. #cda4df
  3. #dfb0a4
  4. #b5dfa4

أحادي اللون

  1. #3d96ad
  2. #6bb8cb
  3. #a4d3df
  4. #ddeef3
  5. #f0f8fa

الظلال

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

  1. #a4d3df
  2. #94bec9
  3. #83a9b2
  4. #73949c
  5. #627f86
  6. #526a70
  7. #425459
  8. #313f43
  9. #212a2d
  10. #101516
  11. #000000

التفتيحات

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

  1. #a4d3df
  2. #add7e2
  3. #b6dce5
  4. #bfe0e9
  5. #c8e5ec
  6. #d2e9ef
  7. #dbedf2
  8. #e4f2f5
  9. #edf6f9
  10. #f6fbfc
  11. #ffffff

الدرجات

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

  1. #a4d3df
  2. #a0cbd6
  3. #9dc2cc
  4. #99bac3
  5. #96b2b9
  6. #92aab0
  7. #8ea1a6
  8. #8b999d
  9. #879193
  10. #84888a
  11. #808080

نص مقروء 1.62:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 12.96:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #cbcbcb ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #bdced3 ≈ 0.001% من الذكور
عمى الأحمر #cad0e0 ≈ 1.01% من الذكور
عمى الأخضر #c0c8df ≈ 1.27% من الذكور
عمى الأزرق #91d8d7 ≈ 0.0001% من الذكور
ضعف الأحمر #bcd1df ≈ 1.08% من الذكور
ضعف الأخضر #b6ccdf ≈ 4.63% من الذكور
ضعف الأزرق #99d6da ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-a4d3df {
  color: #a4d3df;
}
الخلفية
.bg-a4d3df {
  background-color: #a4d3df;
  color: #000000;
}
الحد
.border-a4d3df {
  border: 2px solid #a4d3df;
}
متغيرات CSS
:root {
  --color-primary: #a4d3df;
  --color-primary-rgb: 164 211 223;
  --color-primary-hsl: 192 48% 76%;
}
تدرج
.gradient-a4d3df {
  background: linear-gradient(135deg, #a4d3df, #a4b5df);
}
ظل ملوّن
.shadow-a4d3df {
  box-shadow: 0 8px 24px rgb(164 211 223 / 0.35);
}

#add8e6 Light Blue ΔE 2.06 #a4dded Non-Photo Blue ΔE 2.85 #b0e0e6 Powder Blue ΔE 3.94 #b9d9eb Columbia Blue ΔE 5.88 #87ceeb Sky Blue ΔE 6.03 #aec6cf Pastel Blue ΔE 6.22 #89cff0 Baby Blue ΔE 6.91 #5b2c20 معكوس #cbcbcb تدرج رمادي 

Light Blue
#a4d3df  rgb(164, 211, 223)  hsl(192, 48%, 76%)  Light Blue
#dfb0a4  rgb(223, 176, 164)  hsl(12, 48%, 76%)  Zinnwaldite
#dfa4d3  rgb(223, 164, 211)  hsl(312, 48%, 76%)  Plum
#d3dfa4  rgb(211, 223, 164)  hsl(72, 48%, 76%)  Pale Goldenrod