ColorTool
تسجيل الدخول
#548D9F

#548d9f ≈ Bondi Blue

  • السماوي
  • السطوع: متوسط
  • التشبّع: معتدل
  • بارد
تحقق من التباين استكشف في الشبكة لون عشوائي

⁦#548d9f⁩ لون من عائلة «السماوي»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 32.94% أحمر و55.29% أخضر و62.35% أزرق؛ وعند طباعته بنظام CMYK يستخدم 47.17% سماوي و11.32% أرجواني و0% أصفر و37.65% أسود. زاوية صبغته 194.4°، وتشبّعه 30.86% وسطوعه 47.65% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 5.69:1 (WCAG AA). أقرب لون مسمّى هو Bondi Blue (⁦#0095b6⁩)، وفرقه ΔE ‏6.21.

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

HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#669999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.2344

متكامل

  1. #548d9f
  2. #9f6654

متكامل منقسم

  1. #548d9f
  2. #9f5468
  3. #9f8c54

متجاور

  1. #549f8c
  2. #548d9f
  3. #54689f

ثلاثي

  1. #548d9f
  2. #9f548d
  3. #8d9f54

رباعي

  1. #548d9f
  2. #66549f
  3. #9f6654
  4. #8d9f54

مربع

  1. #548d9f
  2. #8c549f
  3. #9f6654
  4. #689f54

أحادي اللون

  1. #1f343b
  2. #3a616d
  3. #548d9f
  4. #82afbd
  5. #b4cfd8

الظلال

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

  1. #548d9f
  2. #4c7f8f
  3. #43717f
  4. #3b636f
  5. #32555f
  6. #2a4750
  7. #223840
  8. #192a30
  9. #111c20
  10. #080e10
  11. #000000

التفتيحات

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

  1. #548d9f
  2. #6598a9
  3. #76a4b2
  4. #87afbc
  5. #98bbc5
  6. #aac6cf
  7. #bbd1d9
  8. #ccdde2
  9. #dde8ec
  10. #eef4f5
  11. #ffffff

الدرجات

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

  1. #548d9f
  2. #588c9c
  3. #5d8a99
  4. #618996
  5. #668893
  6. #6a8790
  7. #6e858c
  8. #738489
  9. #778386
  10. #7c8183
  11. #808080

نص مقروء 3.69:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 5.69:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #858585 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #748890 ≈ 0.001% من الذكور
عمى الأحمر #828aa0 ≈ 1.01% من الذكور
عمى الأخضر #76819f ≈ 1.27% من الذكور
عمى الأزرق #2f9393 ≈ 0.0001% من الذكور
ضعف الأحمر #728ba0 ≈ 1.08% من الذكور
ضعف الأخضر #6a869f ≈ 4.63% من الذكور
ضعف الأزرق #419198 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-548d9f {
  color: #548d9f;
}
الخلفية
.bg-548d9f {
  background-color: #548d9f;
  color: #000000;
}
الحد
.border-548d9f {
  border: 2px solid #548d9f;
}
متغيرات CSS
:root {
  --color-primary: #548d9f;
  --color-primary-rgb: 84 141 159;
  --color-primary-hsl: 194 31% 48%;
}
تدرج
.gradient-548d9f {
  background: linear-gradient(135deg, #548d9f, #54689f);
}
ظل ملوّن
.shadow-548d9f {
  box-shadow: 0 8px 24px rgb(84 141 159 / 0.35);
}

#0095b6 Bondi Blue ΔE 6.21 #5d8aa8 Air Force Blue ΔE 6.37 #5f9ea0 Cadet Blue ΔE 9.04 #367588 Teal Blue ΔE 9.50 #73a9c2 Moonstone Blue ΔE 9.90 #778899 Light Slate Gray ΔE 10.32 #778899 Light Slate Grey ΔE 10.32 #ab7260 معكوس #858585 تدرج رمادي 

Bondi Blue
#548d9f  rgb(84, 141, 159)  hsl(194, 31%, 48%)  Bondi Blue
#9f6654  rgb(159, 102, 84)  hsl(14, 31%, 48%)  Redwood
#9f548d  rgb(159, 84, 141)  hsl(314, 31%, 48%)  Deep Plum
#8d9f54  rgb(141, 159, 84)  hsl(74, 31%, 48%)  Moss Green