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

#c2c2b0 ≈ Ash Gray

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

⁦#c2c2b0⁩ لون من عائلة «الأصفر»، سطوعه مرتفع وتشبّعه خافت. في نموذج RGB يتكوّن من 76.08% أحمر و76.08% أخضر و69.02% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و0% أرجواني و9.28% أصفر و23.92% أسود. زاوية صبغته 60°، وتشبّعه 12.86% وسطوعه 72.55% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالتفاؤل ولفت الانتباه والبهجة. يستخدمه المصممون عادةً في الإبرازات والتنبيهات، منتجات الأطفال ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 11.64:1 (WCAG AAA). أقرب لون مسمّى هو Ash Gray (⁦#b2beb5⁩)، وفرقه ΔE ‏6.14.

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

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

متكامل

  1. #c2c2b0
  2. #b0b0c2

متكامل منقسم

  1. #c2c2b0
  2. #b0b9c2
  3. #b9b0c2

متجاور

  1. #c2b9b0
  2. #c2c2b0
  3. #b9c2b0

ثلاثي

  1. #c2c2b0
  2. #b0c2c2
  3. #c2b0c2

رباعي

  1. #c2c2b0
  2. #b0c2b0
  3. #b0b0c2
  4. #c2b0c2

مربع

  1. #c2c2b0
  2. #b0c2b9
  3. #b0b0c2
  4. #c2b0b9

أحادي اللون

  1. #7a7a5f
  2. #a1a185
  3. #c2c2b0
  4. #e3e3db
  5. #f6f6f3

الظلال

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

  1. #c2c2b0
  2. #afaf9e
  3. #9b9b8d
  4. #88887b
  5. #74746a
  6. #616158
  7. #4e4e46
  8. #3a3a35
  9. #272723
  10. #131312
  11. #000000

التفتيحات

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

  1. #c2c2b0
  2. #c8c8b8
  3. #cecec0
  4. #d4d4c8
  5. #dadad0
  6. #e1e1d8
  7. #e7e7df
  8. #edede7
  9. #f3f3ef
  10. #f9f9f7
  11. #ffffff

الدرجات

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

  1. #c2c2b0
  2. #bbbbab
  3. #b5b5a6
  4. #aeaea2
  5. #a8a89d
  6. #a1a198
  7. #9a9a93
  8. #94948e
  9. #8d8d8a
  10. #878785
  11. #808080

نص مقروء 1.8:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 11.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #c1c1c1 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #c1c1ba ≈ 0.001% من الذكور
عمى الأحمر #c5c0af ≈ 1.01% من الذكور
عمى الأخضر #c6c1b1 ≈ 1.27% من الذكور
عمى الأزرق #c5bfbd ≈ 0.0001% من الذكور
ضعف الأحمر #c4c1af ≈ 1.08% من الذكور
ضعف الأخضر #c4c2b0 ≈ 4.63% من الذكور
ضعف الأزرق #c4c0b8 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

#b2beb5 Ash Gray ΔE 6.14 #e3dac9 Bone ΔE 7.75 #c0c0c0 Silver ΔE 8.32 #dbd7d2 Timberwolf ΔE 8.66 #eae0c8 Pearl ΔE 8.85 #bcb88a Sage ΔE 9.08 #d3d3d3 Light Gray ΔE 9.45 #3d3d4f معكوس #c1c1c1 تدرج رمادي 

Ash Gray
#c2c2b0  rgb(194, 194, 176)  hsl(60, 13%, 73%)  Ash Gray
#b0b0c2  rgb(176, 176, 194)  hsl(240, 13%, 73%)  Wild Blue Yonder
#b0c2c2  rgb(176, 194, 194)  hsl(180, 13%, 73%)  Pastel Blue
#c2b0c2  rgb(194, 176, 194)  hsl(300, 13%, 73%)  Pastel Purple