ColorTool
تسجيل الدخول
#5271B5

#5271b5 ≈ Queen Blue

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

⁦#5271b5⁩ لون من عائلة «الأزرق»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 32.16% أحمر و44.31% أخضر و70.98% أزرق؛ وعند طباعته بنظام CMYK يستخدم 54.7% سماوي و37.57% أرجواني و0% أصفر و29.02% أسود. زاوية صبغته 221.21°، وتشبّعه 40.08% وسطوعه 51.57% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالثقة والاستقرار والتركيز. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأبيض على هذا اللون نسبة تباين 4.79:1 (WCAG AA). أقرب لون مسمّى هو Queen Blue (⁦#436b95⁩)، وفرقه ΔE ‏5.75.

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

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

متكامل

  1. #5271b5
  2. #b59652

متكامل منقسم

  1. #5271b5
  2. #b56552
  3. #a3b552

متجاور

  1. #52a3b5
  2. #5271b5
  3. #6552b5

ثلاثي

  1. #5271b5
  2. #b55271
  3. #71b552

رباعي

  1. #5271b5
  2. #9652b5
  3. #b59652
  4. #71b552

مربع

  1. #5271b5
  2. #b552a3
  3. #b59652
  4. #52b565

أحادي اللون

  1. #212f4d
  2. #384f83
  3. #5271b5
  4. #889dcc
  5. #bdc9e3

الظلال

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

  1. #5271b5
  2. #4a66a3
  3. #425a91
  4. #394f7f
  5. #31446d
  6. #29395b
  7. #212d48
  8. #192236
  9. #101724
  10. #080b12
  11. #000000

التفتيحات

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

  1. #5271b5
  2. #637fbc
  3. #758dc4
  4. #869ccb
  5. #97aad3
  6. #a9b8da
  7. #bac6e1
  8. #cbd4e9
  9. #dce3f0
  10. #eef1f8
  11. #ffffff

الدرجات

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

  1. #5271b5
  2. #5773b0
  3. #5b74aa
  4. #6076a5
  5. #6477a0
  6. #69799b
  7. #6e7a95
  8. #727c90
  9. #777d8b
  10. #7b7f85
  11. #808080

نص مقروء 4.79:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
نص مقروء 4.39:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

عمى الألوان الكلي #727272 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #677292 ≈ 0.001% من الذكور
عمى الأحمر #5677b8 ≈ 1.01% من الذكور
عمى الأخضر #4a6eb4 ≈ 1.27% من الذكور
عمى الأزرق #1b808a ≈ 0.0001% من الذكور
ضعف الأحمر #5475b7 ≈ 1.08% من الذكور
ضعف الأخضر #4d6fb4 ≈ 4.63% من الذكور
ضعف الأزرق #387a9d ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-5271b5 {
  color: #5271b5;
}
الخلفية
.bg-5271b5 {
  background-color: #5271b5;
  color: #ffffff;
}
الحد
.border-5271b5 {
  border: 2px solid #5271b5;
}
متغيرات CSS
:root {
  --color-primary: #5271b5;
  --color-primary-rgb: 82 113 181;
  --color-primary-hsl: 221 40% 52%;
}
تدرج
.gradient-5271b5 {
  background: linear-gradient(135deg, #5271b5, #6552b5);
}
ظل ملوّن
.shadow-5271b5 {
  box-shadow: 0 8px 24px rgb(82 113 181 / 0.35);
}

#436b95 Queen Blue ΔE 5.75 #4169e1 Royal Blue ΔE 5.87 #6082b6 Glaucous ΔE 6.13 #417dc1 Tufts Blue ΔE 6.38 #0073cf True Blue ΔE 7.22 #1560bd Denim ΔE 7.64 #4166f5 Ultramarine Blue ΔE 8.27 #ad8e4a معكوس #727272 تدرج رمادي 

Queen Blue
#5271b5  rgb(82, 113, 181)  hsl(221, 40%, 52%)  Queen Blue
#b59652  rgb(181, 150, 82)  hsl(41, 40%, 52%)  Camel
#b55271  rgb(181, 82, 113)  hsl(341, 40%, 52%)  Telemagenta
#71b552  rgb(113, 181, 82)  hsl(101, 40%, 52%)  Mantis