ColorTool
تسجيل الدخول
#37A7DF

#37a7df ≈ Carolina Blue

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

⁦#37a7df⁩ لون من عائلة «اللازوردي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 21.57% أحمر و65.49% أخضر و87.45% أزرق؛ وعند طباعته بنظام CMYK يستخدم 75.34% سماوي و25.11% أرجواني و0% أصفر و12.55% أسود. زاوية صبغته 200°، وتشبّعه 72.41% وسطوعه 54.51% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانفتاح والحرية والسكينة. يستخدمه المصممون عادةً في المنتجات التقنية، المال والمصارف ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 7.76:1 (WCAG AAA). أقرب لون مسمّى هو Carolina Blue (⁦#56a0d3⁩)، وفرقه ΔE ‏3.7.

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

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

متكامل

  1. #37a7df
  2. #df6f37

متكامل منقسم

  1. #37a7df
  2. #df3753
  3. #dfc337

متجاور

  1. #37dfc3
  2. #37a7df
  3. #3753df

ثلاثي

  1. #37a7df
  2. #df37a7
  3. #a7df37

رباعي

  1. #37a7df
  2. #6f37df
  3. #df6f37
  4. #a7df37

مربع

  1. #37a7df
  2. #c337df
  3. #df6f37
  4. #53df37

أحادي اللون

  1. #114e6c
  2. #1c7dae
  3. #37a7df
  4. #79c4ea
  5. #bbe1f4

الظلال

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

  1. #37a7df
  2. #3296c9
  3. #2c86b2
  4. #27759c
  5. #216486
  6. #1c5470
  7. #164359
  8. #113243
  9. #0b212d
  10. #061116
  11. #000000

التفتيحات

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

  1. #37a7df
  2. #4bb0e2
  3. #5fb9e5
  4. #73c1e9
  5. #87caec
  6. #9bd3ef
  7. #afdcf2
  8. #c3e5f5
  9. #d7edf9
  10. #ebf6fc
  11. #ffffff

الدرجات

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

  1. #37a7df
  2. #3ea3d6
  3. #469fcc
  4. #4d9bc3
  5. #5497b9
  6. #5c94b0
  7. #6390a6
  8. #6a8c9d
  9. #718893
  10. #79848a
  11. #808080

نص مقروء 2.71:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 7.76:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #9d9d9d ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #81a1bb ≈ 0.001% من الذكور
عمى الأحمر #8ca6e2 ≈ 1.01% من الذكور
عمى الأخضر #7596de ≈ 1.27% من الذكور
عمى الأزرق #00b6ba ≈ 0.0001% من الذكور
ضعف الأحمر #73a6e1 ≈ 1.08% من الذكور
ضعف الأخضر #629dde ≈ 4.63% من الذكور
ضعف الأزرق #00b0ca ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-37a7df {
  color: #37a7df;
}
الخلفية
.bg-37a7df {
  background-color: #37a7df;
  color: #000000;
}
الحد
.border-37a7df {
  border: 2px solid #37a7df;
}
متغيرات CSS
:root {
  --color-primary: #37a7df;
  --color-primary-rgb: 55 167 223;
  --color-primary-hsl: 200 72% 55%;
}
تدرج
.gradient-37a7df {
  background: linear-gradient(135deg, #37a7df, #3753df);
}
ظل ملوّن
.shadow-37a7df {
  box-shadow: 0 8px 24px rgb(55 167 223 / 0.35);
}

#56a0d3 Carolina Blue ΔE 3.70 #71a6d2 Iceberg ΔE 6.19 #00bfff Deep Sky Blue ΔE 6.86 #73a9c2 Moonstone Blue ΔE 7.81 #73c2fb Maya Blue ΔE 8.75 #0095b6 Bondi Blue ΔE 9.64 #1e90ff Dodger Blue ΔE 10.78 #c85820 معكوس #9d9d9d تدرج رمادي 

Carolina Blue
#37a7df  rgb(55, 167, 223)  hsl(200, 72%, 55%)  Carolina Blue
#df6f37  rgb(223, 111, 55)  hsl(20, 72%, 55%)  Chocolate
#df37a7  rgb(223, 55, 167)  hsl(320, 72%, 55%)  Shocking Pink
#a7df37  rgb(167, 223, 55)  hsl(80, 72%, 55%)  Inchworm