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

#a3c4cc ≈ Pastel Blue

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

⁦#a3c4cc⁩ لون من عائلة «السماوي»، سطوعه مرتفع وتشبّعه خافت. في نموذج RGB يتكوّن من 63.92% أحمر و76.86% أخضر و80% أزرق؛ وعند طباعته بنظام CMYK يستخدم 20.1% سماوي و3.92% أرجواني و0% أصفر و20% أسود. زاوية صبغته 191.71°، وتشبّعه 28.67% وسطوعه 71.96% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 11.33:1 (WCAG AAA). أقرب لون مسمّى هو Pastel Blue (⁦#aec6cf⁩)، وفرقه ΔE ‏3.14.

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

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

متكامل

  1. #a3c4cc
  2. #ccaba3

متكامل منقسم

  1. #a3c4cc
  2. #cca3af
  3. #ccbfa3

متجاور

  1. #a3ccbf
  2. #a3c4cc
  3. #a3afcc

ثلاثي

  1. #a3c4cc
  2. #cca3c4
  3. #c4cca3

رباعي

  1. #a3c4cc
  2. #aba3cc
  3. #ccaba3
  4. #c4cca3

مربع

  1. #a3c4cc
  2. #bfa3cc
  3. #ccaba3
  4. #afcca3

أحادي اللون

  1. #4c7e8a
  2. #72a4b1
  3. #a3c4cc
  4. #d4e4e7
  5. #f2f7f8

الظلال

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

  1. #a3c4cc
  2. #93b0b8
  3. #829da3
  4. #72898f
  5. #62767a
  6. #526266
  7. #414e52
  8. #313b3d
  9. #212729
  10. #101414
  11. #000000

التفتيحات

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

  1. #a3c4cc
  2. #accad1
  3. #b5d0d6
  4. #bfd6db
  5. #c8dce0
  6. #d1e2e6
  7. #dae7eb
  8. #e3edf0
  9. #edf3f5
  10. #f6f9fa
  11. #ffffff

الدرجات

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

  1. #a3c4cc
  2. #a0bdc4
  3. #9cb6bd
  4. #99b0b5
  5. #95a9ae
  6. #92a2a6
  7. #8e9b9e
  8. #8b9497
  9. #878e8f
  10. #848788
  11. #808080

نص مقروء 1.85:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 11.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #bebebe ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #b4c1c4 ≈ 0.001% من الذكور
عمى الأحمر #bec1cd ≈ 1.01% من الذكور
عمى الأخضر #b7bccc ≈ 1.27% من الذكور
عمى الأزرق #97c7c6 ≈ 0.0001% من الذكور
ضعف الأحمر #b4c2cc ≈ 1.08% من الذكور
ضعف الأخضر #afbfcc ≈ 4.63% من الذكور
ضعف الأزرق #9cc6c9 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-a3c4cc {
  color: #a3c4cc;
}
الخلفية
.bg-a3c4cc {
  background-color: #a3c4cc;
  color: #000000;
}
الحد
.border-a3c4cc {
  border: 2px solid #a3c4cc;
}
متغيرات CSS
:root {
  --color-primary: #a3c4cc;
  --color-primary-rgb: 163 196 204;
  --color-primary-hsl: 192 29% 72%;
}
تدرج
.gradient-a3c4cc {
  background: linear-gradient(135deg, #a3c4cc, #a3afcc);
}
ظل ملوّن
.shadow-a3c4cc {
  box-shadow: 0 8px 24px rgb(163 196 204 / 0.35);
}

#aec6cf Pastel Blue ΔE 3.14 #add8e6 Light Blue ΔE 5.37 #a8c3bc Opal ΔE 6.80 #b9d9eb Columbia Blue ΔE 7.01 #a4dded Non-Photo Blue ΔE 7.32 #b0e0e6 Powder Blue ΔE 7.37 #bcd4e6 Pale Aqua ΔE 7.66 #5c3b33 معكوس #bebebe تدرج رمادي 

Pastel Blue
#a3c4cc  rgb(163, 196, 204)  hsl(192, 29%, 72%)  Pastel Blue
#ccaba3  rgb(204, 171, 163)  hsl(12, 29%, 72%)  Silver Pink
#cca3c4  rgb(204, 163, 196)  hsl(312, 29%, 72%)  Lilac
#c4cca3  rgb(196, 204, 163)  hsl(72, 29%, 72%)  Sage