لوحة Darksalmon Color Palette

Darksalmon Color Palette built around #E9967A, a dark warm orange anchor (WCAG contrast 9.11:1 against black). The set combines a light tint + a deep shade + a softened complement + a neutral ground. Its strongest pairing is #FFD6C8 on #7E4837 at 5.47:1, which meets WCAG AA for body text.

برتقاليفاتحمعتدلدافئ
#E9967A
#FFD6C8
#7E4837
#93C1D0
#EDA087
#e9967a #ffd6c8 #7e4837 #93c1d0 #eda087
#E9967A #FFD6C8 #7E4837 #93C1D0 #EDA087

الأدوار الدلالية

تُسنَد تلقائياً: الأفتح = الخلفية، الأغمق = النص، الأكثر تشبّعاً = اللون الأساسي.

background#FFD6C8
surface#93C1D0
text#7E4837
text-muted#E9967A
primary#E9967A
secondary#93C1D0
accent#EDA087

متغيّرات CSS

:root {
  --background: #ffd6c8;
  --surface: #93c1d0;
  --text: #7e4837;
  --text-muted: #e9967a;
  --primary: #e9967a;
  --secondary: #93c1d0;
  --accent: #eda087;
}
معاينة في الواجهات →

مصفوفة إمكانية الوصول

لون النص (الصفوف) على الخلفية (الأعمدة). الأخضر = اجتياز WCAG AA للنص العادي (≥4.5:1).

النص \ الخلفية#E9967A#FFD6C8#7E4837#93C1D0#EDA087
#E9967A
1.0
1.7
3.2
1.2
1.1
#FFD6C8
1.7
1.0
5.5
1.5
1.6
#7E4837
3.2
5.5
1.0
3.8
3.5
#93C1D0
1.2
1.5
3.8
1.0
1.1
#EDA087
1.1
1.6
3.5
1.1
1.0

تحت عمى اللون الأخضر-الأحمر

محاكاة Machado وزملائه (2009)، شدة 1.0 — تقدير تقريبي وليست أداة طبية.

ألوان هذه اللوحة

لوحات مشابهة

أسئلة شائعة

كيف أستخدم Darksalmon Color Palette في CSS؟

انسخ متغيّرات CSS أدناه إلى :root واستخدم var(--primary) وvar(--background) وغيرها. اللوحة كاملة: #E9967A, #FFD6C8, #7E4837, #93C1D0, #EDA087.

هل تجتاز هذه الألوان فحوصات إمكانية الوصول؟

راجع مصفوفة WCAG في هذه الصفحة: كل اقتران نص-على-خلفية بنسبة ≥ 4.5 يجتاز AA للنص العادي؛ و≥ 3 يجتاز AA للنص الكبير ومكوّنات الواجهة.

Darksalmon Color Palette — #E9967A #FFD6C8 #7E4837 #93C1D0 #EDA087 — Tintiva