#DF3C6D

#df3c6d ≈ Cerise

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

⁦#df3c6d⁩ لون من عائلة «الوردي الأحمر»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 87.45% أحمر و23.53% أخضر و42.75% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و73.09% أرجواني و51.12% أصفر و12.55% أسود. زاوية صبغته 341.96°، وتشبّعه 71.81% وسطوعه 55.49% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالرومانسية والمرح والمودة. يستخدمه المصممون عادةً في علامات الطعام والمطاعم، التخفيضات والعروض ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 5:1 (WCAG AA). أقرب لون مسمّى هو Cerise (⁦#de3163⁩)، وفرقه ΔE ‏2.34.

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

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

الظلال

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

  1. #df3c6d
  2. #c93662
  3. #b23057
  4. #9c2a4c
  5. #862441
  6. #701e37
  7. #59182c
  8. #431221
  9. #2d0c16
  10. #16060b
  11. #000000

التفتيحات

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

  1. #df3c6d
  2. #e2507c
  3. #e5638a
  4. #e97799
  5. #ec8aa7
  6. #ef9eb6
  7. #f2b1c5
  8. #f5c5d3
  9. #f9d8e2
  10. #fcecf0
  11. #ffffff

الدرجات

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

  1. #df3c6d
  2. #d6436f
  3. #cc4a71
  4. #c35073
  5. #b95775
  6. #b05e77
  7. #a66578
  8. #9d6c7a
  9. #93727c
  10. #8a797e
  11. #808080

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

عمى الألوان الكلي #7c7c7c ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #ad6876 ≈ 0.001% من الذكور
عمى الأحمر #64676e ≈ 1.01% من الذكور
عمى الأخضر #8f8869 ≈ 1.27% من الذكور
عمى الأزرق #f31450 ≈ 0.0001% من الذكور
ضعف الأحمر #a4596e ≈ 1.08% من الذكور
ضعف الأخضر #b5716b ≈ 4.63% من الذكور
ضعف الأزرق #eb295d ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-df3c6d {
  color: #df3c6d;
}
الخلفية
.bg-df3c6d {
  background-color: #df3c6d;
  color: #000000;
}
الحد
.border-df3c6d {
  border: 2px solid #df3c6d;
}
متغيرات CSS
:root {
  --color-primary: #df3c6d;
  --color-primary-rgb: 223 60 109;
  --color-primary-hsl: 342 72% 55%;
}
تدرج
.gradient-df3c6d {
  background: linear-gradient(135deg, #df3c6d, #df5c3c);
}
ظل ملوّن
.shadow-df3c6d {
  box-shadow: 0 8px 24px rgb(223 60 109 / 0.35);
}

Cerise
#df3c6d  rgb(223, 60, 109)  hsl(342, 72%, 55%)  Cerise
#3cdfae  rgb(60, 223, 174)  hsl(162, 72%, 55%)  Caribbean Green
#6ddf3c  rgb(109, 223, 60)  hsl(102, 72%, 55%)  Lime Green
#3c6ddf  rgb(60, 109, 223)  hsl(222, 72%, 55%)  Royal Blue