#5BC5DA

#5bc5da ≈ Sky Blue

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

⁦#5bc5da⁩ لون من عائلة «السماوي»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 35.69% أحمر و77.25% أخضر و85.49% أزرق؛ وعند طباعته بنظام CMYK يستخدم 58.26% سماوي و9.63% أرجواني و0% أصفر و14.51% أسود. زاوية صبغته 189.92°، وتشبّعه 63.18% وسطوعه 60.59% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 10.44:1 (WCAG AAA). أقرب لون مسمّى هو Sky Blue (⁦#87ceeb⁩)، وفرقه ΔE ‏6.72.

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

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

الظلال

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

  1. #5bc5da
  2. #52b1c4
  3. #499eae
  4. #408a99
  5. #377683
  6. #2e636d
  7. #244f57
  8. #1b3b41
  9. #12272c
  10. #091416
  11. #000000

التفتيحات

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

  1. #5bc5da
  2. #6bcbde
  3. #7cd1e1
  4. #8cd6e5
  5. #9ddce9
  6. #ade2ed
  7. #bde8f0
  8. #ceeef4
  9. #def3f8
  10. #eff9fb
  11. #ffffff

الدرجات

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

  1. #5bc5da
  2. #5fbed1
  3. #62b7c8
  4. #66b0bf
  5. #6aa9b6
  6. #6ea3ad
  7. #719ca4
  8. #75959b
  9. #798e92
  10. #7c8789
  11. #808080

نص مقروء 2.01:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 10.44:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #b7b7b7 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #9abdc6 ≈ 0.001% من الذكور
عمى الأحمر #b5bfdb ≈ 1.01% من الذكور
عمى الأخضر #a2b1da ≈ 1.27% من الذكور
عمى الأزرق #00cecb ≈ 0.0001% من الذكور
ضعف الأحمر #99c1db ≈ 1.08% من الذكور
ضعف الأخضر #8bb9da ≈ 4.63% من الذكور
ضعف الأزرق #26cad1 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-5bc5da {
  color: #5bc5da;
}
الخلفية
.bg-5bc5da {
  background-color: #5bc5da;
  color: #000000;
}
الحد
.border-5bc5da {
  border: 2px solid #5bc5da;
}
متغيرات CSS
:root {
  --color-primary: #5bc5da;
  --color-primary-rgb: 91 197 218;
  --color-primary-hsl: 190 63% 61%;
}
تدرج
.gradient-5bc5da {
  background: linear-gradient(135deg, #5bc5da, #5b86da);
}
ظل ملوّن
.shadow-5bc5da {
  box-shadow: 0 8px 24px rgb(91 197 218 / 0.35);
}

Sky Blue
#5bc5da  rgb(91, 197, 218)  hsl(190, 63%, 61%)  Sky Blue
#da705b  rgb(218, 112, 91)  hsl(10, 63%, 61%)  Terra Cotta
#da5bc5  rgb(218, 91, 197)  hsl(310, 63%, 61%)  Orchid
#c5da5b  rgb(197, 218, 91)  hsl(70, 63%, 61%)  June Bud