ColorTool
تسجيل الدخول
#536A6E

#536a6e ≈ Teal Blue

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

⁦#536a6e⁩ لون من عائلة «السماوي»، سطوعه منخفض وتشبّعه خافت. في نموذج RGB يتكوّن من 32.55% أحمر و41.57% أخضر و43.14% أزرق؛ وعند طباعته بنظام CMYK يستخدم 24.55% سماوي و3.64% أرجواني و0% أصفر و56.86% أسود. زاوية صبغته 188.89°، وتشبّعه 13.99% وسطوعه 37.84% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 5.75:1 (WCAG AA). أقرب لون مسمّى هو Teal Blue (⁦#367588⁩)، وفرقه ΔE ‏8.74.

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

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

متكامل

  1. #536a6e
  2. #6e5753

متكامل منقسم

  1. #536a6e
  2. #6e535c
  3. #6e6453

متجاور

  1. #536e64
  2. #536a6e
  3. #535c6e

ثلاثي

  1. #536a6e
  2. #6e536a
  3. #6a6e53

رباعي

  1. #536a6e
  2. #57536e
  3. #6e5753
  4. #6a6e53

مربع

  1. #536a6e
  2. #64536e
  3. #6e5753
  4. #5c6e53

أحادي اللون

  1. #111617
  2. #324042
  3. #536a6e
  4. #769398
  5. #a2b5b8

الظلال

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

  1. #536a6e
  2. #4b5f63
  3. #425558
  4. #3a4a4d
  5. #324042
  6. #2a3537
  7. #212a2c
  8. #192021
  9. #111516
  10. #080b0b
  11. #000000

التفتيحات

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

  1. #536a6e
  2. #64797d
  3. #75888b
  4. #87979a
  5. #98a6a8
  6. #a9b5b7
  7. #bac3c5
  8. #cbd2d4
  9. #dde1e2
  10. #eef0f1
  11. #ffffff

الدرجات

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

  1. #536a6e
  2. #586c70
  3. #5c6e72
  4. #617173
  5. #657375
  6. #6a7577
  7. #6e7779
  8. #73797b
  9. #777c7c
  10. #7c7e7e
  11. #808080

نص مقروء 5.75:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 3.65:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #666666 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #5f6869 ≈ 0.001% من الذكور
عمى الأحمر #66686e ≈ 1.01% من الذكور
عمى الأخضر #61646e ≈ 1.27% من الذكور
عمى الأزرق #4b6c6b ≈ 0.0001% من الذكور
ضعف الأحمر #5f696e ≈ 1.08% من الذكور
ضعف الأخضر #5c676e ≈ 4.63% من الذكور
ضعف الأزرق #4e6b6c ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-536a6e {
  color: #536a6e;
}
الخلفية
.bg-536a6e {
  background-color: #536a6e;
  color: #ffffff;
}
الحد
.border-536a6e {
  border: 2px solid #536a6e;
}
متغيرات CSS
:root {
  --color-primary: #536a6e;
  --color-primary-rgb: 83 106 110;
  --color-primary-hsl: 189 14% 38%;
}
تدرج
.gradient-536a6e {
  background: linear-gradient(135deg, #536a6e, #535c6e);
}
ظل ملوّن
.shadow-536a6e {
  box-shadow: 0 8px 24px rgb(83 106 110 / 0.35);
}

#367588 Teal Blue ΔE 8.74 #4d5d53 Feldgrau ΔE 8.83 #696969 Dim Gray ΔE 9.71 #696969 Dim Grey ΔE 9.71 #2f4f4f Dark Slate Gray ΔE 10.93 #2f4f4f Dark Slate Grey ΔE 10.93 #555555 Davy's Gray ΔE 11.44 #ac9591 معكوس #666666 تدرج رمادي 

Teal Blue
#536a6e  rgb(83, 106, 110)  hsl(189, 14%, 38%)  Teal Blue
#6e5753  rgb(110, 87, 83)  hsl(9, 14%, 38%)  Wenge
#6e536a  rgb(110, 83, 106)  hsl(309, 14%, 38%)  Eggplant
#6a6e53  rgb(106, 110, 83)  hsl(69, 14%, 38%)  Dark Olive Green