#DE3F65

#de3f65 ≈ Cerise

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

⁦#de3f65⁩ لون من عائلة «الأحمر»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 87.06% أحمر و24.71% أخضر و39.61% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و71.62% أرجواني و54.5% أصفر و12.94% أسود. زاوية صبغته 345.66°، وتشبّعه 70.67% وسطوعه 55.88% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالطاقة والشغف والإلحاح. يستخدمه المصممون عادةً في علامات الطعام والمطاعم، التخفيضات والعروض ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 5:1 (WCAG AA). أقرب لون مسمّى هو Cerise (⁦#de3163⁩)، وفرقه ΔE ‏2.1.

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

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

الظلال

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

  1. #de3f65
  2. #c8395b
  3. #b23251
  4. #9b2c47
  5. #85263d
  6. #6f2033
  7. #591928
  8. #43131e
  9. #2c0d14
  10. #16060a
  11. #000000

التفتيحات

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

  1. #de3f65
  2. #e15274
  3. #e56584
  4. #e87993
  5. #eb8ca3
  6. #ef9fb2
  7. #f2b2c1
  8. #f5c5d1
  9. #f8d9e0
  10. #fcecf0
  11. #ffffff

الدرجات

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

  1. #de3f65
  2. #d54668
  3. #cb4c6a
  4. #c2536d
  5. #b85970
  6. #af6073
  7. #a66675
  8. #9c6d78
  9. #93737b
  10. #897a7d
  11. #808080

نص مقروء 4.2:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 5:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #7c7c7c ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #ac6973 ≈ 0.001% من الذكور
عمى الأحمر #676766 ≈ 1.01% من الذكور
عمى الأخضر #918761 ≈ 1.27% من الذكور
عمى الأزرق #f2164f ≈ 0.0001% من الذكور
ضعف الأحمر #a55a65 ≈ 1.08% من الذكور
ضعف الأخضر #b57163 ≈ 4.63% من الذكور
ضعف الأزرق #ea2c58 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-de3f65 {
  color: #de3f65;
}
الخلفية
.bg-de3f65 {
  background-color: #de3f65;
  color: #000000;
}
الحد
.border-de3f65 {
  border: 2px solid #de3f65;
}
متغيرات CSS
:root {
  --color-primary: #de3f65;
  --color-primary-rgb: 222 63 101;
  --color-primary-hsl: 346 71% 56%;
}
تدرج
.gradient-de3f65 {
  background: linear-gradient(135deg, #de3f65, #de683f);
}
ظل ملوّن
.shadow-de3f65 {
  box-shadow: 0 8px 24px rgb(222 63 101 / 0.35);
}

Cerise
#de3f65  rgb(222, 63, 101)  hsl(346, 71%, 56%)  Cerise
#3fdeb8  rgb(63, 222, 184)  hsl(166, 71%, 56%)  Medium Aquamarine
#65de3f  rgb(101, 222, 63)  hsl(106, 71%, 56%)  Lime Green
#3f65de  rgb(63, 101, 222)  hsl(226, 71%, 56%)  Royal Blue