ColorTool
تسجيل الدخول
#53C4DF

#53c4df ≈ Sky Blue

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

⁦#53c4df⁩ لون من عائلة «السماوي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 32.55% أحمر و76.86% أخضر و87.45% أزرق؛ وعند طباعته بنظام CMYK يستخدم 62.78% سماوي و12.11% أرجواني و0% أصفر و12.55% أسود. زاوية صبغته 191.57°، وتشبّعه 68.63% وسطوعه 60% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 10.33:1 (WCAG AAA). أقرب لون مسمّى هو Sky Blue (⁦#87ceeb⁩)، وفرقه ΔE ‏6.16.

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

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

متكامل

  1. #53c4df
  2. #df6e53

متكامل منقسم

  1. #53c4df
  2. #df537e
  3. #dfb453

متجاور

  1. #53dfb4
  2. #53c4df
  3. #537edf

ثلاثي

  1. #53c4df
  2. #df53c4
  3. #c4df53

رباعي

  1. #53c4df
  2. #6e53df
  3. #df6e53
  4. #c4df53

مربع

  1. #53c4df
  2. #b453df
  3. #df6e53
  4. #7edf53

أحادي اللون

  1. #186d81
  2. #24a3c2
  3. #53c4df
  4. #93daeb
  5. #d4f0f7

الظلال

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

  1. #53c4df
  2. #4bb0c9
  3. #429db2
  4. #3a899c
  5. #327686
  6. #2a6270
  7. #214e59
  8. #193b43
  9. #11272d
  10. #081416
  11. #000000

التفتيحات

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

  1. #53c4df
  2. #64cae2
  3. #75d0e5
  4. #87d6e9
  5. #98dcec
  6. #a9e2ef
  7. #bae7f2
  8. #cbedf5
  9. #ddf3f9
  10. #eef9fc
  11. #ffffff

الدرجات

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

  1. #53c4df
  2. #58bdd6
  3. #5cb6cc
  4. #61b0c3
  5. #65a9b9
  6. #6aa2b0
  7. #6e9ba6
  8. #73949d
  9. #778e93
  10. #7c878a
  11. #808080

نص مقروء 2.03:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 10.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #b6b6b6 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #98bcc8 ≈ 0.001% من الذكور
عمى الأحمر #b2bee1 ≈ 1.01% من الذكور
عمى الأخضر #9dafdf ≈ 1.27% من الذكور
عمى الأزرق #00cecc ≈ 0.0001% من الذكور
ضعف الأحمر #95c1e0 ≈ 1.08% من الذكور
ضعف الأخضر #86b8df ≈ 4.63% من الذكور
ضعف الأزرق #00cad4 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

#87ceeb Sky Blue ΔE 6.16 #89cff0 Baby Blue ΔE 7.15 #73a9c2 Moonstone Blue ΔE 9.21 #00bfff Deep Sky Blue ΔE 9.21 #87cefa Light Sky Blue ΔE 9.32 #a4dded Non-Photo Blue ΔE 9.80 #00ced1 Dark Turquoise ΔE 10.26 #ac3b20 معكوس #b6b6b6 تدرج رمادي 

Sky Blue
#53c4df  rgb(83, 196, 223)  hsl(192, 69%, 60%)  Sky Blue
#df6e53  rgb(223, 110, 83)  hsl(12, 69%, 60%)  Terra Cotta
#df53c4  rgb(223, 83, 196)  hsl(312, 69%, 60%)  Shocking Pink
#c4df53  rgb(196, 223, 83)  hsl(72, 69%, 60%)  June Bud