#489EA0

#489ea0 ≈ Cadet Blue

  • السماوي
  • السطوع: متوسط
  • التشبّع: معتدل
  • بارد

⁦#489ea0⁩ لون من عائلة «السماوي»، سطوعه متوسط وتشبّعه معتدل. في نموذج RGB يتكوّن من 28.24% أحمر و61.96% أخضر و62.75% أزرق؛ وعند طباعته بنظام CMYK يستخدم 55% سماوي و1.25% أرجواني و0% أصفر و37.25% أسود. زاوية صبغته 181.36°، وتشبّعه 37.93% وسطوعه 45.49% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 6.67:1 (WCAG AA). أقرب لون مسمّى هو Cadet Blue (⁦#5f9ea0⁩)، وفرقه ΔE ‏3.05.

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

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

الظلال

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

  1. #489ea0
  2. #418e90
  3. #3a7e80
  4. #326f70
  5. #2b5f60
  6. #244f50
  7. #1d3f40
  8. #162f30
  9. #0e2020
  10. #071010
  11. #000000

التفتيحات

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

  1. #489ea0
  2. #5aa8aa
  3. #6db1b3
  4. #7fbbbd
  5. #91c5c6
  6. #a4cfd0
  7. #b6d8d9
  8. #c8e2e3
  9. #daecec
  10. #edf5f6
  11. #ffffff

الدرجات

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

  1. #489ea0
  2. #4e9b9d
  3. #53989a
  4. #599596
  5. #5e9293
  6. #648f90
  7. #6a8c8d
  8. #6f898a
  9. #758686
  10. #7a8383
  11. #808080

نص مقروء 3.15:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
نص مقروء 6.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

عمى الألوان الكلي #919191 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #7a9697 ≈ 0.001% من الذكور
عمى الأحمر #9497a0 ≈ 1.01% من الذكور
عمى الأخضر #868da1 ≈ 1.27% من الذكور
عمى الأزرق #00a39e ≈ 0.0001% من الذكور
ضعف الأحمر #7d9aa0 ≈ 1.08% من الذكور
ضعف الأخضر #7294a0 ≈ 4.63% من الذكور
ضعف الأزرق #28a19f ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-489ea0 {
  color: #489ea0;
}
الخلفية
.bg-489ea0 {
  background-color: #489ea0;
  color: #000000;
}
الحد
.border-489ea0 {
  border: 2px solid #489ea0;
}
متغيرات CSS
:root {
  --color-primary: #489ea0;
  --color-primary-rgb: 72 158 160;
  --color-primary-hsl: 181 38% 45%;
}
تدرج
.gradient-489ea0 {
  background: linear-gradient(135deg, #489ea0, #4872a0);
}
ظل ملوّن
.shadow-489ea0 {
  box-shadow: 0 8px 24px rgb(72 158 160 / 0.35);
}

Cadet Blue
#489ea0  rgb(72, 158, 160)  hsl(181, 38%, 45%)  Cadet Blue
#a04a48  rgb(160, 74, 72)  hsl(1, 38%, 45%)  Redwood
#a0489e  rgb(160, 72, 158)  hsl(301, 38%, 45%)  Purpureus
#9ea048  rgb(158, 160, 72)  hsl(61, 38%, 45%)  Brass