ColorTool
تسجيل الدخول
#97D6F2

#97d6f2 ≈ Baby Blue

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

⁦#97d6f2⁩ لون من عائلة «اللازوردي»، سطوعه مرتفع وتشبّعه معتدل. في نموذج RGB يتكوّن من 59.22% أحمر و83.92% أخضر و94.9% أزرق؛ وعند طباعته بنظام CMYK يستخدم 37.6% سماوي و11.57% أرجواني و0% أصفر و5.1% أسود. زاوية صبغته 198.46°، وتشبّعه 77.78% وسطوعه 77.06% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانفتاح والحرية والسكينة. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولوحات الباستيل الناعمة. يحقق النص الأسود على هذا اللون نسبة تباين 13.22:1 (WCAG AAA). أقرب لون مسمّى هو Baby Blue (⁦#89cff0⁩)، وفرقه ΔE ‏2.35.

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

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

متكامل

  1. #97d6f2
  2. #f2b397

متكامل منقسم

  1. #97d6f2
  2. #f297a9
  3. #f2e197

متجاور

  1. #97f2e1
  2. #97d6f2
  3. #97a9f2

ثلاثي

  1. #97d6f2
  2. #f297d6
  3. #d6f297

رباعي

  1. #97d6f2
  2. #b397f2
  3. #f2b397
  4. #d6f297

مربع

  1. #97d6f2
  2. #e197f2
  3. #f2b397
  4. #a9f297

أحادي اللون

  1. #1b9cd5
  2. #53bbea
  3. #97d6f2
  4. #dbf1fb
  5. #edf8fd

الظلال

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

  1. #97d6f2
  2. #88c1da
  3. #79abc2
  4. #6a96a9
  5. #5b8091
  6. #4c6b79
  7. #3c5661
  8. #2d4049
  9. #1e2b30
  10. #0f1518
  11. #000000

التفتيحات

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

  1. #97d6f2
  2. #a1daf3
  3. #acdef5
  4. #b6e2f6
  5. #c1e6f7
  6. #cbebf9
  7. #d5effa
  8. #e0f3fb
  9. #eaf7fc
  10. #f5fbfe
  11. #ffffff

الدرجات

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

  1. #97d6f2
  2. #95cde7
  3. #92c5db
  4. #90bcd0
  5. #8eb4c4
  6. #8cabb9
  7. #89a2ae
  8. #879aa2
  9. #859197
  10. #82898b
  11. #808080

نص مقروء 1.59:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 13.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #cdcdcd ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #bad1dd ≈ 0.001% من الذكور
عمى الأحمر #c7d3f4 ≈ 1.01% من الذكور
عمى الأخضر #bac9f2 ≈ 1.27% من الذكور
عمى الأزرق #75dedf ≈ 0.0001% من الذكور
ضعف الأحمر #b6d4f3 ≈ 1.08% من الذكور
ضعف الأخضر #adcef2 ≈ 4.63% من الذكور
ضعف الأزرق #84dbe7 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-97d6f2 {
  color: #97d6f2;
}
الخلفية
.bg-97d6f2 {
  background-color: #97d6f2;
  color: #000000;
}
الحد
.border-97d6f2 {
  border: 2px solid #97d6f2;
}
متغيرات CSS
:root {
  --color-primary: #97d6f2;
  --color-primary-rgb: 151 214 242;
  --color-primary-hsl: 198 78% 77%;
}
تدرج
.gradient-97d6f2 {
  background: linear-gradient(135deg, #97d6f2, #97a9f2);
}
ظل ملوّن
.shadow-97d6f2 {
  box-shadow: 0 8px 24px rgb(151 214 242 / 0.35);
}

#89cff0 Baby Blue ΔE 2.35 #87ceeb Sky Blue ΔE 2.48 #a4dded Non-Photo Blue ΔE 4.31 #87cefa Light Sky Blue ΔE 4.78 #add8e6 Light Blue ΔE 4.93 #b9d9eb Columbia Blue ΔE 6.23 #b0e0e6 Powder Blue ΔE 8.05 #68290d معكوس #cdcdcd تدرج رمادي 

Baby Blue
#97d6f2  rgb(151, 214, 242)  hsl(198, 78%, 77%)  Baby Blue
#f2b397  rgb(242, 179, 151)  hsl(18, 78%, 77%)  Tumbleweed
#f297d6  rgb(242, 151, 214)  hsl(318, 78%, 77%)  Plum
#d6f297  rgb(214, 242, 151)  hsl(78, 78%, 77%)  Pastel Yellow