#5CA69A

#5ca69a ≈ Verdigris

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

⁦#5ca69a⁩ لون من عائلة «الأخضر المزرق»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 36.08% أحمر و65.1% أخضر و60.39% أزرق؛ وعند طباعته بنظام CMYK يستخدم 44.58% سماوي و0% أرجواني و7.23% أصفر و34.9% أسود. زاوية صبغته 170.27°، وتشبّعه 29.37% وسطوعه 50.59% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالصفاء والهدوء والتجدد. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 7.38:1 (WCAG AAA). أقرب لون مسمّى هو Verdigris (⁦#43b3ae⁩)، وفرقه ΔE ‏5.52.

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

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

الظلال

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

  1. #5ca69a
  2. #53958b
  3. #4a857b
  4. #40746c
  5. #37645c
  6. #2e534d
  7. #25423e
  8. #1c322e
  9. #12211f
  10. #09110f
  11. #000000

التفتيحات

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

  1. #5ca69a
  2. #6cafa4
  3. #7db8ae
  4. #8dc1b8
  5. #9dcac2
  6. #aed3cd
  7. #bedbd7
  8. #cee4e1
  9. #deedeb
  10. #eff6f5
  11. #ffffff

الدرجات

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

  1. #5ca69a
  2. #60a297
  3. #639e95
  4. #679b92
  5. #6a9790
  6. #6e938d
  7. #728f8a
  8. #758b88
  9. #798885
  10. #7c8483
  11. #808080

نص مقروء 2.85:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 7.38:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #999999 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #859e99 ≈ 0.001% من الذكور
عمى الأحمر #a09e9a ≈ 1.01% من الذكور
عمى الأخضر #93959b ≈ 1.27% من الذكور
عمى الأزرق #3da9a2 ≈ 0.0001% من الذكور
ضعف الأحمر #8aa29a ≈ 1.08% من الذكور
ضعف الأخضر #819c9b ≈ 4.63% من الذكور
ضعف الأزرق #4ba89f ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-5ca69a {
  color: #5ca69a;
}
الخلفية
.bg-5ca69a {
  background-color: #5ca69a;
  color: #000000;
}
الحد
.border-5ca69a {
  border: 2px solid #5ca69a;
}
متغيرات CSS
:root {
  --color-primary: #5ca69a;
  --color-primary-rgb: 92 166 154;
  --color-primary-hsl: 170 29% 51%;
}
تدرج
.gradient-5ca69a {
  background: linear-gradient(135deg, #5ca69a, #5c8da6);
}
ظل ملوّن
.shadow-5ca69a {
  box-shadow: 0 8px 24px rgb(92 166 154 / 0.35);
}

Verdigris
#5ca69a  rgb(92, 166, 154)  hsl(170, 29%, 51%)  Verdigris
#a65c68  rgb(166, 92, 104)  hsl(350, 29%, 51%)  Mauve Taupe
#9a5ca6  rgb(154, 92, 166)  hsl(290, 29%, 51%)  Purpureus
#a69a5c  rgb(166, 154, 92)  hsl(50, 29%, 51%)  Brass