#30D8BB

#30d8bb ≈ Turquoise

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

⁦#30d8bb⁩ لون من عائلة «الأخضر المزرق»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 18.82% أحمر و84.71% أخضر و73.33% أزرق؛ وعند طباعته بنظام CMYK يستخدم 77.78% سماوي و0% أرجواني و13.43% أصفر و15.29% أسود. زاوية صبغته 169.64°، وتشبّعه 68.29% وسطوعه 51.76% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالصفاء والهدوء والتجدد. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 11.67:1 (WCAG AAA). أقرب لون مسمّى هو Turquoise (⁦#40e0d0⁩)، وفرقه ΔE ‏4.67.

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

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

الظلال

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

  1. #30d8bb
  2. #2bc2a8
  3. #26ad96
  4. #229783
  5. #1d8270
  6. #186c5e
  7. #13564b
  8. #0e4138
  9. #0a2b25
  10. #051613
  11. #000000

التفتيحات

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

  1. #30d8bb
  2. #45dcc2
  3. #59e0c9
  4. #6ee4cf
  5. #83e8d6
  6. #98ecdd
  7. #acefe4
  8. #c1f3eb
  9. #d6f7f1
  10. #eafbf8
  11. #ffffff

الدرجات

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

  1. #30d8bb
  2. #38cfb5
  3. #40c6af
  4. #48bea9
  5. #50b5a3
  6. #58ac9e
  7. #60a398
  8. #689a92
  9. #70928c
  10. #788986
  11. #808080

نص مقروء 1.8:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 11.67:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #c1c1c1 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #9ccbbf ≈ 0.001% من الذكور
عمى الأحمر #cfcaba ≈ 1.01% من الذكور
عمى الأخضر #bababd ≈ 1.27% من الذكور
عمى الأزرق #00dbcf ≈ 0.0001% من الذكور
ضعف الأحمر #a7d0ba ≈ 1.08% من الذكور
ضعف الأخضر #96c7bc ≈ 4.63% من الذكور
ضعف الأزرق #00dac7 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-30d8bb {
  color: #30d8bb;
}
الخلفية
.bg-30d8bb {
  background-color: #30d8bb;
  color: #000000;
}
الحد
.border-30d8bb {
  border: 2px solid #30d8bb;
}
متغيرات CSS
:root {
  --color-primary: #30d8bb;
  --color-primary-rgb: 48 216 187;
  --color-primary-hsl: 170 68% 52%;
}
تدرج
.gradient-30d8bb {
  background: linear-gradient(135deg, #30d8bb, #30a1d8);
}
ظل ملوّن
.shadow-30d8bb {
  box-shadow: 0 8px 24px rgb(48 216 187 / 0.35);
}

Turquoise
#30d8bb  rgb(48, 216, 187)  hsl(170, 68%, 52%)  Turquoise
#d8304d  rgb(216, 48, 77)  hsl(350, 68%, 52%)  Amaranth
#bb30d8  rgb(187, 48, 216)  hsl(290, 68%, 52%)  Electric Purple
#d8bb30  rgb(216, 187, 48)  hsl(50, 68%, 52%)  Old Gold