#BEA49F

#bea49f ≈ Silver Pink

  • الأحمر
  • السطوع: مرتفع
  • التشبّع: خافت
  • دافئ

⁦#bea49f⁩ لون من عائلة «الأحمر»، سطوعه مرتفع وتشبّعه خافت. في نموذج RGB يتكوّن من 74.51% أحمر و64.31% أخضر و62.35% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و13.68% أرجواني و16.32% أصفر و25.49% أسود. زاوية صبغته 9.68°، وتشبّعه 19.25% وسطوعه 68.43% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالطاقة والشغف والإلحاح. يستخدمه المصممون عادةً في علامات الطعام والمطاعم، التخفيضات والعروض ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 9:1 (WCAG AAA). أقرب لون مسمّى هو Silver Pink (⁦#c4aead⁩)، وفرقه ΔE ‏3.43.

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

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

الظلال

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

  1. #bea49f
  2. #ab948f
  3. #98837f
  4. #85736f
  5. #72625f
  6. #5f5250
  7. #4c4240
  8. #393130
  9. #262120
  10. #131010
  11. #000000

التفتيحات

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

  1. #bea49f
  2. #c5ada9
  3. #cbb6b2
  4. #d2bfbc
  5. #d8c8c5
  6. #dfd2cf
  7. #e5dbd9
  8. #ece4e2
  9. #f2edec
  10. #f9f6f5
  11. #ffffff

الدرجات

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

  1. #bea49f
  2. #b8a09c
  3. #b29d99
  4. #ab9996
  5. #a59693
  6. #9f9290
  7. #998e8c
  8. #938b89
  9. #8c8786
  10. #868483
  11. #808080

نص مقروء 2.33:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 9:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #aaaaaa ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #b2a7a5 ≈ 0.001% من الذكور
عمى الأحمر #a9a79f ≈ 1.01% من الذكور
عمى الأخضر #afac9f ≈ 1.27% من الذكور
عمى الأزرق #c5a1a3 ≈ 0.0001% من الذكور
ضعف الأحمر #b2a69f ≈ 1.08% من الذكور
ضعف الأخضر #b5a99f ≈ 4.63% من الذكور
ضعف الأزرق #c2a2a1 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-bea49f {
  color: #bea49f;
}
الخلفية
.bg-bea49f {
  background-color: #bea49f;
  color: #000000;
}
الحد
.border-bea49f {
  border: 2px solid #bea49f;
}
متغيرات CSS
:root {
  --color-primary: #bea49f;
  --color-primary-rgb: 190 164 159;
  --color-primary-hsl: 10 19% 68%;
}
تدرج
.gradient-bea49f {
  background: linear-gradient(135deg, #bea49f, #beb39f);
}
ظل ملوّن
.shadow-bea49f {
  box-shadow: 0 8px 24px rgb(190 164 159 / 0.35);
}

Silver Pink
#bea49f  rgb(190, 164, 159)  hsl(10, 19%, 68%)  Silver Pink
#9fb9be  rgb(159, 185, 190)  hsl(190, 19%, 68%)  Pastel Blue
#9fbea4  rgb(159, 190, 164)  hsl(130, 19%, 68%)  Dark Sea Green
#a49fbe  rgb(164, 159, 190)  hsl(250, 19%, 68%)  Pastel Purple