#4D99D2

#4d99d2 ≈ Carolina Blue

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

⁦#4d99d2⁩ لون من عائلة «اللازوردي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 30.2% أحمر و60% أخضر و82.35% أزرق؛ وعند طباعته بنظام CMYK يستخدم 63.33% سماوي و27.14% أرجواني و0% أصفر و17.65% أسود. زاوية صبغته 205.71°، وتشبّعه 59.64% وسطوعه 56.27% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانفتاح والحرية والسكينة. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 6.8:1 (WCAG AA). أقرب لون مسمّى هو Carolina Blue (⁦#56a0d3⁩)، وفرقه ΔE ‏2.44.

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

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

الظلال

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

  1. #4d99d2
  2. #458abd
  3. #3e7aa8
  4. #366b93
  5. #2e5c7e
  6. #274d69
  7. #1f3d54
  8. #172e3f
  9. #0f1f2a
  10. #080f15
  11. #000000

التفتيحات

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

  1. #4d99d2
  2. #5fa3d7
  3. #71addb
  4. #82b8e0
  5. #94c2e4
  6. #a6cce9
  7. #b8d6ed
  8. #cae0f2
  9. #dbebf6
  10. #edf5fb
  11. #ffffff

الدرجات

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

  1. #4d99d2
  2. #5297ca
  3. #5794c2
  4. #5c92b9
  5. #618fb1
  6. #678da9
  7. #6c8aa1
  8. #718899
  9. #768590
  10. #7b8388
  11. #808080

نص مقروء 3.09:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 6.8:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #939393 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #7d95b0 ≈ 0.001% من الذكور
عمى الأحمر #809ad5 ≈ 1.01% من الذكور
عمى الأخضر #6e8dd1 ≈ 1.27% من الذكور
عمى الأزرق #00a7ad ≈ 0.0001% من الذكور
ضعف الأحمر #6f9ad4 ≈ 1.08% من الذكور
ضعف الأخضر #6292d1 ≈ 4.63% من الذكور
ضعف الأزرق #06a2bd ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-4d99d2 {
  color: #4d99d2;
}
الخلفية
.bg-4d99d2 {
  background-color: #4d99d2;
  color: #000000;
}
الحد
.border-4d99d2 {
  border: 2px solid #4d99d2;
}
متغيرات CSS
:root {
  --color-primary: #4d99d2;
  --color-primary-rgb: 77 153 210;
  --color-primary-hsl: 206 60% 56%;
}
تدرج
.gradient-4d99d2 {
  background: linear-gradient(135deg, #4d99d2, #4d56d2);
}
ظل ملوّن
.shadow-4d99d2 {
  box-shadow: 0 8px 24px rgb(77 153 210 / 0.35);
}

Carolina Blue
#4d99d2  rgb(77, 153, 210)  hsl(206, 60%, 56%)  Carolina Blue
#d2864d  rgb(210, 134, 77)  hsl(26, 60%, 56%)  Raw Sienna
#d24d99  rgb(210, 77, 153)  hsl(326, 60%, 56%)  Mulberry
#99d24d  rgb(153, 210, 77)  hsl(86, 60%, 56%)  Yellow Green