#7AAFAA

#7aafaa ≈ Cadet Blue

  • الأخضر المزرق
  • السطوع: متوسط
  • التشبّع: خافت
  • بارد

⁦#7aafaa⁩ لون من عائلة «الأخضر المزرق»، سطوعه متوسط وتشبّعه خافت. في نموذج RGB يتكوّن من 47.84% أحمر و68.63% أخضر و66.67% أزرق؛ وعند طباعته بنظام CMYK يستخدم 30.29% سماوي و0% أرجواني و2.86% أصفر و31.37% أسود. زاوية صبغته 174.34°، وتشبّعه 24.88% وسطوعه 58.24% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالصفاء والهدوء والتجدد. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 8.54:1 (WCAG AAA). أقرب لون مسمّى هو Cadet Blue (⁦#5f9ea0⁩)، وفرقه ΔE ‏6.33.

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

تحويلات ⁦#7aafaa⁩ إلى فضاءات ألوان أخرى
HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#669999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.377

الظلال

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

  1. #7aafaa
  2. #6e9e99
  3. #628c88
  4. #557b77
  5. #496966
  6. #3d5855
  7. #314644
  8. #253533
  9. #182322
  10. #0c1211
  11. #000000

التفتيحات

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

  1. #7aafaa
  2. #87b7b3
  3. #95bfbb
  4. #a2c7c4
  5. #afcfcc
  6. #bdd7d5
  7. #cadfdd
  8. #d7e7e6
  9. #e4efee
  10. #f2f7f7
  11. #ffffff

الدرجات

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

  1. #7aafaa
  2. #7baaa6
  3. #7ba6a2
  4. #7ca19d
  5. #7c9c99
  6. #7d9895
  7. #7e9391
  8. #7e8e8d
  9. #7f8988
  10. #7f8584
  11. #808080

نص مقروء 2.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 8.54:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #a5a5a5 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #96a9a7 ≈ 0.001% من الذكور
عمى الأحمر #a9a9aa ≈ 1.01% من الذكور
عمى الأخضر #9fa2ab ≈ 1.27% من الذكور
عمى الأزرق #68b2ad ≈ 0.0001% من الذكور
ضعف الأحمر #99acaa ≈ 1.08% من الذكور
ضعف الأخضر #92a7aa ≈ 4.63% من الذكور
ضعف الأزرق #70b1ac ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-7aafaa {
  color: #7aafaa;
}
الخلفية
.bg-7aafaa {
  background-color: #7aafaa;
  color: #000000;
}
الحد
.border-7aafaa {
  border: 2px solid #7aafaa;
}
متغيرات CSS
:root {
  --color-primary: #7aafaa;
  --color-primary-rgb: 122 175 170;
  --color-primary-hsl: 174 25% 58%;
}
تدرج
.gradient-7aafaa {
  background: linear-gradient(135deg, #7aafaa, #7a9aaf);
}
ظل ملوّن
.shadow-7aafaa {
  box-shadow: 0 8px 24px rgb(122 175 170 / 0.35);
}

Cadet Blue
#7aafaa  rgb(122, 175, 170)  hsl(174, 25%, 58%)  Cadet Blue
#af7a7f  rgb(175, 122, 127)  hsl(354, 25%, 58%)  Old Rose
#aa7aaf  rgb(170, 122, 175)  hsl(294, 25%, 58%)  Purple Mountain Majesty
#afaa7a  rgb(175, 170, 122)  hsl(54, 25%, 58%)  Sage