#4CC5BD

#4cc5bd ≈ Medium Turquoise

  • السماوي
  • السطوع: متوسط
  • التشبّع: معتدل
  • بارد

⁦#4cc5bd⁩ لون من عائلة «السماوي»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 29.8% أحمر و77.25% أخضر و74.12% أزرق؛ وعند طباعته بنظام CMYK يستخدم 61.42% سماوي و0% أرجواني و4.06% أصفر و22.75% أسود. زاوية صبغته 176.03°، وتشبّعه 51.05% وسطوعه 53.53% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 10.03:1 (WCAG AAA). أقرب لون مسمّى هو Medium Turquoise (⁦#48d1cc⁩)، وفرقه ΔE ‏3.25.

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

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

الظلال

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

  1. #4cc5bd
  2. #44b1aa
  3. #3d9e97
  4. #358a84
  5. #2e7671
  6. #26635f
  7. #1e4f4c
  8. #173b39
  9. #0f2726
  10. #081413
  11. #000000

التفتيحات

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

  1. #4cc5bd
  2. #5ecbc4
  3. #70d1ca
  4. #82d6d1
  5. #94dcd7
  6. #a6e2de
  7. #b7e8e5
  8. #c9eeeb
  9. #dbf3f2
  10. #edf9f8
  11. #ffffff

الدرجات

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

  1. #4cc5bd
  2. #51beb7
  3. #56b7b1
  4. #5cb0ab
  5. #61a9a5
  6. #66a39f
  7. #6b9c98
  8. #709592
  9. #768e8c
  10. #7b8786
  11. #808080

نص مقروء 2.09:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 10.03:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #b3b3b3 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #95bbb7 ≈ 0.001% من الذكور
عمى الأحمر #bbbbbd ≈ 1.01% من الذكور
عمى الأخضر #a8adbe ≈ 1.27% من الذكور
عمى الأزرق #00cac2 ≈ 0.0001% من الذكور
ضعف الأحمر #9bbfbd ≈ 1.08% من الذكور
ضعف الأخضر #8cb7be ≈ 4.63% من الذكور
ضعف الأزرق #0ac8c0 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-4cc5bd {
  color: #4cc5bd;
}
الخلفية
.bg-4cc5bd {
  background-color: #4cc5bd;
  color: #000000;
}
الحد
.border-4cc5bd {
  border: 2px solid #4cc5bd;
}
متغيرات CSS
:root {
  --color-primary: #4cc5bd;
  --color-primary-rgb: 76 197 189;
  --color-primary-hsl: 176 51% 54%;
}
تدرج
.gradient-4cc5bd {
  background: linear-gradient(135deg, #4cc5bd, #4c91c5);
}
ظل ملوّن
.shadow-4cc5bd {
  box-shadow: 0 8px 24px rgb(76 197 189 / 0.35);
}

Medium Turquoise
#4cc5bd  rgb(76, 197, 189)  hsl(176, 51%, 54%)  Medium Turquoise
#c54c54  rgb(197, 76, 84)  hsl(356, 51%, 54%)  Brick Red
#bd4cc5  rgb(189, 76, 197)  hsl(296, 51%, 54%)  Medium Orchid
#c5bd4c  rgb(197, 189, 76)  hsl(56, 51%, 54%)  Vegas Gold