ColorTool
تسجيل الدخول
#2DC4E0

#2dc4e0 ≈ Sky Blue

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

⁦#2dc4e0⁩ لون من عائلة «السماوي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 17.65% أحمر و76.86% أخضر و87.84% أزرق؛ وعند طباعته بنظام CMYK يستخدم 79.91% سماوي و12.5% أرجواني و0% أصفر و12.16% أسود. زاوية صبغته 189.39°، وتشبّعه 74.27% وسطوعه 52.75% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 10.08:1 (WCAG AAA). أقرب لون مسمّى هو Sky Blue (⁦#87ceeb⁩)، وفرقه ΔE ‏8.08.

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

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

متكامل

  1. #2dc4e0
  2. #e0492d

متكامل منقسم

  1. #2dc4e0
  2. #e02d6b
  3. #e0a32d

متجاور

  1. #2de0a3
  2. #2dc4e0
  3. #2d6be0

ثلاثي

  1. #2dc4e0
  2. #e02dc4
  3. #c4e02d

رباعي

  1. #2dc4e0
  2. #492de0
  3. #e0492d
  4. #c4e02d

مربع

  1. #2dc4e0
  2. #a32de0
  3. #e0492d
  4. #6be02d

أحادي اللون

  1. #0f5865
  2. #1991a8
  3. #2dc4e0
  4. #70d7ea
  5. #b2e9f4

الظلال

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

  1. #2dc4e0
  2. #29b0ca
  3. #249db3
  4. #20899d
  5. #1b7686
  6. #176270
  7. #124e5a
  8. #0e3b43
  9. #09272d
  10. #051416
  11. #000000

التفتيحات

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

  1. #2dc4e0
  2. #42cae3
  3. #57d0e6
  4. #6cd6e9
  5. #81dcec
  6. #96e2f0
  7. #abe7f3
  8. #c0edf6
  9. #d5f3f9
  10. #eaf9fc
  11. #ffffff

الدرجات

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

  1. #2dc4e0
  2. #35bdd6
  3. #3eb6cd
  4. #46b0c3
  5. #4ea9ba
  6. #57a2b0
  7. #5f9ba6
  8. #67949d
  9. #6f8e93
  10. #78878a
  11. #808080

نص مقروء 2.08:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 10.08:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #b4b4b4 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #91bac7 ≈ 0.001% من الذكور
عمى الأحمر #b0bde2 ≈ 1.01% من الذكور
عمى الأخضر #98ace0 ≈ 1.27% من الذكور
عمى الأزرق #00cfcd ≈ 0.0001% من الذكور
ضعف الأحمر #8ec0e1 ≈ 1.08% من الذكور
ضعف الأخضر #7bb6e0 ≈ 4.63% من الذكور
ضعف الأزرق #00cad5 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

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

#87ceeb Sky Blue ΔE 8.08 #89cff0 Baby Blue ΔE 9.00 #00ced1 Dark Turquoise ΔE 9.29 #00bfff Deep Sky Blue ΔE 9.82 #00cccc Robin Egg Blue ΔE 10.19 #73a9c2 Moonstone Blue ΔE 10.44 #87cefa Light Sky Blue ΔE 11.00 #d23b1f معكوس #b4b4b4 تدرج رمادي 

Sky Blue
#2dc4e0  rgb(45, 196, 224)  hsl(189, 74%, 53%)  Sky Blue
#e0492d  rgb(224, 73, 45)  hsl(9, 74%, 53%)  Cinnabar
#e02dc4  rgb(224, 45, 196)  hsl(309, 74%, 53%)  Shocking Pink
#c4e02d  rgb(196, 224, 45)  hsl(69, 74%, 53%)  Pear