#BAFEF9

#bafef9 ≈ Celeste

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

⁦#bafef9⁩ لون من عائلة «السماوي»، سطوعه مرتفع جدًا وتشبّعه معتدل. في نموذج RGB يتكوّن من 72.94% أحمر و99.61% أخضر و97.65% أزرق؛ وعند طباعته بنظام CMYK يستخدم 26.77% سماوي و0% أرجواني و1.97% أصفر و0.39% أسود. زاوية صبغته 175.59°، وتشبّعه 97.14% وسطوعه 86.27% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولوحات الباستيل الناعمة. يحقق النص الأسود على هذا اللون نسبة تباين 18.63:1 (WCAG AAA). أقرب لون مسمّى هو Celeste (⁦#b2ffff⁩)، وفرقه ΔE ‏2.18.

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

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

الظلال

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

  1. #bafef9
  2. #a7e5e0
  3. #95cbc7
  4. #82b2ae
  5. #709895
  6. #5d7f7d
  7. #4a6664
  8. #384c4b
  9. #253332
  10. #131919
  11. #000000

التفتيحات

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

  1. #bafef9
  2. #c1fefa
  3. #c8fefa
  4. #cffefb
  5. #d6fefb
  6. #ddfffc
  7. #e3fffd
  8. #eafffd
  9. #f1fffe
  10. #f8fffe
  11. #ffffff

الدرجات

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

  1. #bafef9
  2. #b4f1ed
  3. #aee5e1
  4. #a9d8d5
  5. #a3ccc9
  6. #9dbfbd
  7. #97b2b0
  8. #91a6a4
  9. #8c9998
  10. #868d8c
  11. #808080

نص مقروء 1.13:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 18.63:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #f1f1f1 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #ddf6f4 ≈ 0.001% من الذكور
عمى الأحمر #f6f7f9 ≈ 1.01% من الذكور
عمى الأخضر #e9edfa ≈ 1.27% من الذكور
عمى الأزرق #a4fffc ≈ 0.0001% من الذكور
ضعف الأحمر #e1faf9 ≈ 1.08% من الذكور
ضعف الأخضر #d8f4fa ≈ 4.63% من الذكور
ضعف الأزرق #adfffb ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

Celeste
#bafef9  rgb(186, 254, 249)  hsl(176, 97%, 86%)  Celeste
#febabf  rgb(254, 186, 191)  hsl(356, 97%, 86%)  Light Pink
#f9bafe  rgb(249, 186, 254)  hsl(296, 97%, 86%)  Mauve
#fef9ba  rgb(254, 249, 186)  hsl(56, 97%, 86%)  Pale Goldenrod