#A5A409

#a5a409 ≈ Brass

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

⁦#a5a409⁩ لون من عائلة «الأصفر»، سطوعه منخفض وتشبّعه قوي. في نموذج RGB يتكوّن من 64.71% أحمر و64.31% أخضر و3.53% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و0.61% أرجواني و94.55% أصفر و35.29% أسود. زاوية صبغته 59.62°، وتشبّعه 89.66% وسطوعه 34.12% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالتفاؤل ولفت الانتباه والبهجة. يستخدمه المصممون عادةً في الإبرازات والتنبيهات، منتجات الأطفال والهويات المؤسسية. يحقق النص الأسود على هذا اللون نسبة تباين 7.91:1 (WCAG AAA). أقرب لون مسمّى هو Brass (⁦#b5a642⁩)، وفرقه ΔE ‏5.7.

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

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

الظلال

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

  1. #a5a409
  2. #959408
  3. #848307
  4. #747306
  5. #636205
  6. #535205
  7. #424204
  8. #323103
  9. #212102
  10. #111001
  11. #000000

التفتيحات

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

  1. #a5a409
  2. #aead22
  3. #b7b63a
  4. #c0bf53
  5. #c9c86b
  6. #d2d284
  7. #dbdb9d
  8. #e4e4b5
  9. #ededce
  10. #f6f6e6
  11. #ffffff

الدرجات

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

  1. #a5a409
  2. #a1a015
  3. #9e9d21
  4. #9a992d
  5. #969639
  6. #939245
  7. #8f8e50
  8. #8b8b5c
  9. #878768
  10. #848474
  11. #808080

نص مقروء 2.65:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 7.91:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #9f9f9f ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #a1a17e ≈ 0.001% من الذكور
عمى الأحمر #b29d00 ≈ 1.01% من الذكور
عمى الأخضر #b4a120 ≈ 1.27% من الذكور
عمى الأزرق #b2998b ≈ 0.0001% من الذكور
ضعف الأحمر #ada000 ≈ 1.08% من الذكور
ضعف الأخضر #aea219 ≈ 4.63% من الذكور
ضعف الأزرق #ad9d6e ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-a5a409 {
  color: #a5a409;
}
الخلفية
.bg-a5a409 {
  background-color: #a5a409;
  color: #000000;
}
الحد
.border-a5a409 {
  border: 2px solid #a5a409;
}
متغيرات CSS
:root {
  --color-primary: #a5a409;
  --color-primary-rgb: 165 164 9;
  --color-primary-hsl: 60 90% 34%;
}
تدرج
.gradient-a5a409 {
  background: linear-gradient(135deg, #a5a409, #58a509);
}
ظل ملوّن
.shadow-a5a409 {
  box-shadow: 0 8px 24px rgb(165 164 9 / 0.35);
}

Brass
#a5a409  rgb(165, 164, 9)  hsl(60, 90%, 34%)  Brass
#090aa5  rgb(9, 10, 165)  hsl(240, 90%, 34%)  Zaffre
#09a5a4  rgb(9, 165, 164)  hsl(180, 90%, 34%)  Light Sea Green
#a409a5  rgb(164, 9, 165)  hsl(300, 90%, 34%)  Dark Magenta