#22A68E

#22a68e ≈ Persian Green

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

⁦#22a68e⁩ لون من عائلة «الأخضر المزرق»، سطوعه منخفض وتشبّعه قوي. في نموذج RGB يتكوّن من 13.33% أحمر و65.1% أخضر و55.69% أزرق؛ وعند طباعته بنظام CMYK يستخدم 79.52% سماوي و0% أرجواني و14.46% أصفر و34.9% أسود. زاوية صبغته 169.09°، وتشبّعه 66% وسطوعه 39.22% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالصفاء والهدوء والتجدد. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 6.91:1 (WCAG AA). أقرب لون مسمّى هو Persian Green (⁦#00a693⁩)، وفرقه ΔE ‏1.95.

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

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

الظلال

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

  1. #22a68e
  2. #1f9580
  3. #1b8572
  4. #187463
  5. #146455
  6. #115347
  7. #0e4239
  8. #0a322b
  9. #07211c
  10. #03110e
  11. #000000

التفتيحات

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

  1. #22a68e
  2. #38af99
  3. #4eb8a5
  4. #64c1b0
  5. #7acabb
  6. #91d3c7
  7. #a7dbd2
  8. #bde4dd
  9. #d3ede8
  10. #e9f6f4
  11. #ffffff

الدرجات

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

  1. #22a68e
  2. #2ba28d
  3. #359e8b
  4. #3e9b8a
  5. #489788
  6. #519387
  7. #5a8f86
  8. #648b84
  9. #6d8883
  10. #778481
  11. #808080

نص مقروء 3.04:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 6.91:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #949494 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #779b92 ≈ 0.001% من الذكور
عمى الأحمر #9f9b8d ≈ 1.01% من الذكور
عمى الأخضر #8e8f90 ≈ 1.27% من الذكور
عمى الأزرق #00a89f ≈ 0.0001% من الذكور
ضعف الأحمر #80a08d ≈ 1.08% من الذكور
ضعف الأخضر #72998f ≈ 4.63% من الذكور
ضعف الأزرق #00a798 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-22a68e {
  color: #22a68e;
}
الخلفية
.bg-22a68e {
  background-color: #22a68e;
  color: #000000;
}
الحد
.border-22a68e {
  border: 2px solid #22a68e;
}
متغيرات CSS
:root {
  --color-primary: #22a68e;
  --color-primary-rgb: 34 166 142;
  --color-primary-hsl: 169 66% 39%;
}
تدرج
.gradient-22a68e {
  background: linear-gradient(135deg, #22a68e, #227ca6);
}
ظل ملوّن
.shadow-22a68e {
  box-shadow: 0 8px 24px rgb(34 166 142 / 0.35);
}

Persian Green
#22a68e  rgb(34, 166, 142)  hsl(169, 66%, 39%)  Persian Green
#a6223a  rgb(166, 34, 58)  hsl(349, 66%, 39%)  Vivid Burgundy
#8e22a6  rgb(142, 34, 166)  hsl(289, 66%, 39%)  Dark Magenta
#a68e22  rgb(166, 142, 34)  hsl(49, 66%, 39%)  Brass