#E7557F

#e7557f ≈ Blush

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

⁦#e7557f⁩ لون من عائلة «الوردي الأحمر»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 90.59% أحمر و33.33% أخضر و49.8% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و63.2% أرجواني و45.02% أصفر و9.41% أسود. زاوية صبغته 342.74°، وتشبّعه 75.26% وسطوعه 61.96% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالرومانسية والمرح والمودة. يستخدمه المصممون عادةً في علامات الطعام والمطاعم، التخفيضات والعروض ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 6:1 (WCAG AA). أقرب لون مسمّى هو Blush (⁦#de5d83⁩)، وفرقه ΔE ‏1.97.

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

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

الظلال

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

  1. #e7557f
  2. #d04d72
  3. #b94466
  4. #a23c59
  5. #8b334c
  6. #742b40
  7. #5c2233
  8. #451a26
  9. #2e1119
  10. #17090d
  11. #000000

التفتيحات

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

  1. #e7557f
  2. #e9668c
  3. #ec7799
  4. #ee88a5
  5. #f199b2
  6. #f3aabf
  7. #f5bbcc
  8. #f8ccd9
  9. #fadde5
  10. #fdeef2
  11. #ffffff

الدرجات

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

  1. #e7557f
  2. #dd597f
  3. #d25e7f
  4. #c8627f
  5. #be667f
  6. #b46b80
  7. #a96f80
  8. #9f7380
  9. #957780
  10. #8a7c80
  11. #808080

نص مقروء 3.5:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #898989 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #b67885 ≈ 0.001% من الذكور
عمى الأحمر #747780 ≈ 1.01% من الذكور
عمى الأخضر #9a947c ≈ 1.27% من الذكور
عمى الأزرق #fa4165 ≈ 0.0001% من الذكور
ضعف الأحمر #ae6b80 ≈ 1.08% من الذكور
ضعف الأخضر #be7f7d ≈ 4.63% من الذكور
ضعف الأزرق #f34a70 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-e7557f {
  color: #e7557f;
}
الخلفية
.bg-e7557f {
  background-color: #e7557f;
  color: #000000;
}
الحد
.border-e7557f {
  border: 2px solid #e7557f;
}
متغيرات CSS
:root {
  --color-primary: #e7557f;
  --color-primary-rgb: 231 85 127;
  --color-primary-hsl: 343 75% 62%;
}
تدرج
.gradient-e7557f {
  background: linear-gradient(135deg, #e7557f, #e77455);
}
ظل ملوّن
.shadow-e7557f {
  box-shadow: 0 8px 24px rgb(231 85 127 / 0.35);
}

Blush
#e7557f  rgb(231, 85, 127)  hsl(343, 75%, 62%)  Blush
#55e7bd  rgb(85, 231, 189)  hsl(163, 75%, 62%)  Aquamarine
#7fe755  rgb(127, 231, 85)  hsl(103, 75%, 62%)  Pastel Green
#557fe7  rgb(85, 127, 231)  hsl(223, 75%, 62%)  Glaucous