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

#caa2ff ≈ Mauve

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

⁦#caa2ff⁩ لون من عائلة «البنفسجي»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 79.22% أحمر و63.53% أخضر و100% أزرق؛ وعند طباعته بنظام CMYK يستخدم 20.78% سماوي و36.47% أرجواني و0% أصفر و0% أسود. زاوية صبغته 265.81°، وتشبّعه 100% وسطوعه 81.76% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالخيال والروحانية والفخامة. يستخدمه المصممون عادةً في الجمال ومستحضرات التجميل، الاستوديوهات الإبداعية ولوحات الباستيل الناعمة. يحقق النص الأسود على هذا اللون نسبة تباين 10.12:1 (WCAG AAA). أقرب لون مسمّى هو Mauve (⁦#e0b0ff⁩)، وفرقه ΔE ‏5.46.

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

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

متكامل

  1. #caa2ff
  2. #d7ffa2

متكامل منقسم

  1. #caa2ff
  2. #fff9a2
  3. #a8ffa2

متجاور

  1. #a2a8ff
  2. #caa2ff
  3. #f9a2ff

ثلاثي

  1. #caa2ff
  2. #ffcaa2
  3. #a2ffca

رباعي

  1. #caa2ff
  2. #ffa2d7
  3. #d7ffa2
  4. #a2ffca

مربع

  1. #caa2ff
  2. #ffa2a8
  3. #d7ffa2
  4. #a2fff9

أحادي اللون

  1. #7309ff
  2. #9e55ff
  3. #caa2ff
  4. #f3ebff
  5. #f3ebff

الظلال

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

  1. #caa2ff
  2. #b692e6
  3. #a282cc
  4. #8d71b3
  5. #796199
  6. #655180
  7. #514166
  8. #3d314d
  9. #282033
  10. #14101a
  11. #000000

التفتيحات

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

  1. #caa2ff
  2. #cfabff
  3. #d5b5ff
  4. #dabeff
  5. #dfc7ff
  6. #e5d1ff
  7. #eadaff
  8. #efe3ff
  9. #f4ecff
  10. #faf6ff
  11. #ffffff

الدرجات

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

  1. #caa2ff
  2. #c39ff2
  3. #bb9be6
  4. #b498d9
  5. #ac94cc
  6. #a591c0
  7. #9e8eb3
  8. #968aa6
  9. #8f8799
  10. #87838d
  11. #808080

نص مقروء 2.07:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 10.12:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #b4b4b4 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #bdadd6 ≈ 0.001% من الذكور
عمى الأحمر #8db3ff ≈ 1.01% من الذكور
عمى الأخضر #95b4fc ≈ 1.27% من الذكور
عمى الأزرق #c1b1c5 ≈ 0.0001% من الذكور
ضعف الأحمر #a9acff ≈ 1.08% من الذكور
ضعف الأخضر #adadfd ≈ 4.63% من الذكور
ضعف الأزرق #c5abde ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-caa2ff {
  color: #caa2ff;
}
الخلفية
.bg-caa2ff {
  background-color: #caa2ff;
  color: #000000;
}
الحد
.border-caa2ff {
  border: 2px solid #caa2ff;
}
متغيرات CSS
:root {
  --color-primary: #caa2ff;
  --color-primary-rgb: 202 162 255;
  --color-primary-hsl: 266 100% 82%;
}
تدرج
.gradient-caa2ff {
  background: linear-gradient(135deg, #caa2ff, #f9a2ff);
}
ظل ملوّن
.shadow-caa2ff {
  box-shadow: 0 8px 24px rgb(202 162 255 / 0.35);
}

#e0b0ff Mauve ΔE 5.46 #c9a0dc Wisteria ΔE 7.21 #dda0dd Plum ΔE 9.58 #b57edc Floral Lavender ΔE 9.87 #ee82ee Violet ΔE 11.15 #df73ff Heliotrope ΔE 11.39 #ccccff Periwinkle ΔE 12.32 #355d00 معكوس #b4b4b4 تدرج رمادي 

Mauve
#caa2ff  rgb(202, 162, 255)  hsl(266, 100%, 82%)  Mauve
#d7ffa2  rgb(215, 255, 162)  hsl(86, 100%, 82%)  Inchworm
#ffcaa2  rgb(255, 202, 162)  hsl(26, 100%, 82%)  Apricot
#a2ffca  rgb(162, 255, 202)  hsl(146, 100%, 82%)  Aquamarine