#3CCBAE

#3ccbae ≈ Medium Aquamarine

  • الأخضر المزرق
  • السطوع: متوسط
  • التشبّع: قوي
  • بارد

⁦#3ccbae⁩ لون من عائلة «الأخضر المزرق»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 23.53% أحمر و79.61% أخضر و68.24% أزرق؛ وعند طباعته بنظام CMYK يستخدم 70.44% سماوي و0% أرجواني و14.29% أصفر و20.39% أسود. زاوية صبغته 167.83°، وتشبّعه 57.89% وسطوعه 51.57% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالصفاء والهدوء والتجدد. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 10.35:1 (WCAG AAA). أقرب لون مسمّى هو Medium Aquamarine (⁦#66cdaa⁩)، وفرقه ΔE ‏3.96.

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

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

الظلال

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

  1. #3ccbae
  2. #36b79d
  3. #30a28b
  4. #2a8e7a
  5. #247a68
  6. #1e6657
  7. #185146
  8. #123d34
  9. #0c2923
  10. #061411
  11. #000000

التفتيحات

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

  1. #3ccbae
  2. #50d0b6
  3. #63d5be
  4. #77dbc6
  5. #8ae0ce
  6. #9ee5d7
  7. #b1eadf
  8. #c5efe7
  9. #d8f5ef
  10. #ecfaf7
  11. #ffffff

الدرجات

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

  1. #3ccbae
  2. #43c4a9
  3. #4abca5
  4. #50b5a0
  5. #57ad9c
  6. #5ea697
  7. #659e92
  8. #6c978e
  9. #728f89
  10. #798885
  11. #808080

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

عمى الألوان الكلي #b6b6b6 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #95bfb3 ≈ 0.001% من الذكور
عمى الأحمر #c3bead ≈ 1.01% من الذكور
عمى الأخضر #b0b0b0 ≈ 1.27% من الذكور
عمى الأزرق #00cec2 ≈ 0.0001% من الذكور
ضعف الأحمر #9fc4ad ≈ 1.08% من الذكور
ضعف الأخضر #90bbaf ≈ 4.63% من الذكور
ضعف الأزرق #00cdbb ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-3ccbae {
  color: #3ccbae;
}
الخلفية
.bg-3ccbae {
  background-color: #3ccbae;
  color: #000000;
}
الحد
.border-3ccbae {
  border: 2px solid #3ccbae;
}
متغيرات CSS
:root {
  --color-primary: #3ccbae;
  --color-primary-rgb: 60 203 174;
  --color-primary-hsl: 168 58% 52%;
}
تدرج
.gradient-3ccbae {
  background: linear-gradient(135deg, #3ccbae, #3ca1cb);
}
ظل ملوّن
.shadow-3ccbae {
  box-shadow: 0 8px 24px rgb(60 203 174 / 0.35);
}

Medium Aquamarine
#3ccbae  rgb(60, 203, 174)  hsl(168, 58%, 52%)  Medium Aquamarine
#cb3c59  rgb(203, 60, 89)  hsl(348, 58%, 52%)  Brick Red
#ae3ccb  rgb(174, 60, 203)  hsl(288, 58%, 52%)  Dark Orchid
#cbae3c  rgb(203, 174, 60)  hsl(48, 58%, 52%)  Old Gold