#509FB6

#509fb6 ≈ Bondi Blue

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

⁦#509fb6⁩ لون من عائلة «السماوي»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 31.37% أحمر و62.35% أخضر و71.37% أزرق؛ وعند طباعته بنظام CMYK يستخدم 56.04% سماوي و12.64% أرجواني و0% أصفر و28.63% أسود. زاوية صبغته 193.53°، وتشبّعه 41.13% وسطوعه 51.37% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 6.98:1 (WCAG AA). أقرب لون مسمّى هو Bondi Blue (⁦#0095b6⁩)، وفرقه ΔE ‏5.36.

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

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

الظلال

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

  1. #509fb6
  2. #488fa4
  3. #407f92
  4. #386f7f
  5. #305f6d
  6. #28505b
  7. #204049
  8. #183037
  9. #102024
  10. #081012
  11. #000000

التفتيحات

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

  1. #509fb6
  2. #62a9bd
  3. #73b2c5
  4. #85bccc
  5. #96c5d3
  6. #a8cfdb
  7. #b9d9e2
  8. #cbe2e9
  9. #dcecf0
  10. #eef5f8
  11. #ffffff

الدرجات

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

  1. #509fb6
  2. #559cb1
  3. #5a99ab
  4. #5e96a6
  5. #6393a0
  6. #68909b
  7. #6d8c96
  8. #728990
  9. #76868b
  10. #7b8385
  11. #808080

نص مقروء 3.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 6.98:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #959595 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #7f99a3 ≈ 0.001% من الذكور
عمى الأحمر #919bb7 ≈ 1.01% من الذكور
عمى الأخضر #8190b6 ≈ 1.27% من الذكور
عمى الأزرق #00a7a6 ≈ 0.0001% من الذكور
ضعف الأحمر #7c9db7 ≈ 1.08% من الذكور
ضعف الأخضر #7196b6 ≈ 4.63% من الذكور
ضعف الأزرق #2da4ad ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-509fb6 {
  color: #509fb6;
}
الخلفية
.bg-509fb6 {
  background-color: #509fb6;
  color: #000000;
}
الحد
.border-509fb6 {
  border: 2px solid #509fb6;
}
متغيرات CSS
:root {
  --color-primary: #509fb6;
  --color-primary-rgb: 80 159 182;
  --color-primary-hsl: 194 41% 51%;
}
تدرج
.gradient-509fb6 {
  background: linear-gradient(135deg, #509fb6, #506cb6);
}
ظل ملوّن
.shadow-509fb6 {
  box-shadow: 0 8px 24px rgb(80 159 182 / 0.35);
}

Bondi Blue
#509fb6  rgb(80, 159, 182)  hsl(194, 41%, 51%)  Bondi Blue
#b66750  rgb(182, 103, 80)  hsl(14, 41%, 51%)  Redwood
#b6509f  rgb(182, 80, 159)  hsl(314, 41%, 51%)  Mulberry
#9fb650  rgb(159, 182, 80)  hsl(74, 41%, 51%)  Apple Green