ColorTool
تسجيل الدخول
#DE86A2

#de86a2 ≈ Puce

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

⁦#de86a2⁩ لون من عائلة «الوردي الأحمر»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 87.06% أحمر و52.55% أخضر و63.53% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و39.64% أرجواني و27.03% أصفر و12.94% أسود. زاوية صبغته 340.91°، وتشبّعه 57.14% وسطوعه 69.8% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالرومانسية والمرح والمودة. يستخدمه المصممون عادةً في علامات الطعام والمطاعم، التخفيضات والعروض ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 8.04:1 (WCAG AAA). أقرب لون مسمّى هو Puce (⁦#cc8899⁩)، وفرقه ΔE ‏4.16.

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

HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#cc9999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.3519

متكامل

  1. #de86a2
  2. #86dec2

متكامل منقسم

  1. #de86a2
  2. #86de96
  3. #86cede

متجاور

  1. #de86ce
  2. #de86a2
  3. #de9686

ثلاثي

  1. #de86a2
  2. #a2de86
  3. #86a2de

رباعي

  1. #de86a2
  2. #dec286
  3. #86dec2
  4. #86a2de

مربع

  1. #de86a2
  2. #cede86
  3. #86dec2
  4. #9686de

أحادي اللون

  1. #9f2b50
  2. #ce4a74
  3. #de86a2
  4. #eec2d0
  5. #fbeff3

الظلال

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

  1. #de86a2
  2. #c87992
  3. #b26b82
  4. #9b5e71
  5. #855061
  6. #6f4351
  7. #593641
  8. #432831
  9. #2c1b20
  10. #160d10
  11. #000000

التفتيحات

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

  1. #de86a2
  2. #e192ab
  3. #e59eb5
  4. #e8aabe
  5. #ebb6c7
  6. #efc3d1
  7. #f2cfda
  8. #f5dbe3
  9. #f8e7ec
  10. #fcf3f6
  11. #ffffff

الدرجات

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

  1. #de86a2
  2. #d5859f
  3. #cb859b
  4. #c28498
  5. #b88494
  6. #af8391
  7. #a6828e
  8. #9c828a
  9. #938187
  10. #898183
  11. #808080

نص مقروء 2.61:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 8.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #a0a0a0 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #bc96a1 ≈ 0.001% من الذكور
عمى الأحمر #9296a3 ≈ 1.01% من الذكور
عمى الأخضر #a8a6a0 ≈ 1.27% من الذكور
عمى الأزرق #eb8190 ≈ 0.0001% من الذكور
ضعف الأحمر #b690a3 ≈ 1.08% من الذكور
ضعف الأخضر #c09aa1 ≈ 4.63% من الذكور
ضعف الأزرق #e68397 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-de86a2 {
  color: #de86a2;
}
الخلفية
.bg-de86a2 {
  background-color: #de86a2;
  color: #000000;
}
الحد
.border-de86a2 {
  border: 2px solid #de86a2;
}
متغيرات CSS
:root {
  --color-primary: #de86a2;
  --color-primary-rgb: 222 134 162;
  --color-primary-hsl: 341 57% 70%;
}
تدرج
.gradient-de86a2 {
  background: linear-gradient(135deg, #de86a2, #de9686);
}
ظل ملوّن
.shadow-de86a2 {
  box-shadow: 0 8px 24px rgb(222 134 162 / 0.35);
}

#cc8899 Puce ΔE 4.16 #db7093 Pale Violet Red ΔE 5.37 #fc8eac Flamingo Pink ΔE 5.46 #de6fa1 Thulian Pink ΔE 6.37 #ff91a4 Salmon Pink ΔE 7.28 #f77fbe Persian Pink ΔE 7.68 #ffa6c9 Carnation Pink ΔE 9.21 #21795d معكوس #a0a0a0 تدرج رمادي 

Puce
#de86a2  rgb(222, 134, 162)  hsl(341, 57%, 70%)  Puce
#86dec2  rgb(134, 222, 194)  hsl(161, 57%, 70%)  Seafoam Green
#a2de86  rgb(162, 222, 134)  hsl(101, 57%, 70%)  Granny Smith Apple
#86a2de  rgb(134, 162, 222)  hsl(221, 57%, 70%)  Cornflower Blue