#358FA5

#358fa5 ≈ Bondi Blue

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

⁦#358fa5⁩ لون من عائلة «السماوي»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 20.78% أحمر و56.08% أخضر و64.71% أزرق؛ وعند طباعته بنظام CMYK يستخدم 67.88% سماوي و13.33% أرجواني و0% أصفر و35.29% أسود. زاوية صبغته 191.79°، وتشبّعه 51.38% وسطوعه 42.75% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 5.62:1 (WCAG AA). أقرب لون مسمّى هو Bondi Blue (⁦#0095b6⁩)، وفرقه ΔE ‏3.69.

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

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

الظلال

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

  1. #358fa5
  2. #308195
  3. #2a7284
  4. #256474
  5. #205663
  6. #1b4853
  7. #153942
  8. #102b32
  9. #0b1d21
  10. #050e11
  11. #000000

التفتيحات

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

  1. #358fa5
  2. #499aae
  3. #5da5b7
  4. #72b1c0
  5. #86bcc9
  6. #9ac7d2
  7. #aed2db
  8. #c2dde4
  9. #d7e9ed
  10. #ebf4f6
  11. #ffffff

الدرجات

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

  1. #358fa5
  2. #3d8ea1
  3. #448c9e
  4. #4c8b9a
  5. #538996
  6. #5b8893
  7. #62868f
  8. #6a858b
  9. #718387
  10. #798284
  11. #808080

نص مقروء 3.73:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 5.62:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #848484 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #6d8992 ≈ 0.001% من الذكور
عمى الأحمر #808ba6 ≈ 1.01% من الذكور
عمى الأخضر #717fa5 ≈ 1.27% من الذكور
عمى الأزرق #009796 ≈ 0.0001% من الذكور
ضعف الأحمر #6a8da6 ≈ 1.08% من الذكور
ضعف الأخضر #5e86a5 ≈ 4.63% من الذكور
ضعف الأزرق #00949c ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-358fa5 {
  color: #358fa5;
}
الخلفية
.bg-358fa5 {
  background-color: #358fa5;
  color: #000000;
}
الحد
.border-358fa5 {
  border: 2px solid #358fa5;
}
متغيرات CSS
:root {
  --color-primary: #358fa5;
  --color-primary-rgb: 53 143 165;
  --color-primary-hsl: 192 51% 43%;
}
تدرج
.gradient-358fa5 {
  background: linear-gradient(135deg, #358fa5, #3557a5);
}
ظل ملوّن
.shadow-358fa5 {
  box-shadow: 0 8px 24px rgb(53 143 165 / 0.35);
}

Bondi Blue
#358fa5  rgb(53, 143, 165)  hsl(192, 51%, 43%)  Bondi Blue
#a54b35  rgb(165, 75, 53)  hsl(12, 51%, 43%)  Chestnut
#a5358f  rgb(165, 53, 143)  hsl(312, 51%, 43%)  Deep Plum
#8fa535  rgb(143, 165, 53)  hsl(72, 51%, 43%)  Apple Green