Login | AlgoZenith

https://maang.in/learn?tab=DSA-CP 321 elements 4/26/2026
10
Colors
5
Font Families
8
Spacing Values
4
Shadows
5
Border Radii
6
Components
95%
A11y Score

Color Palette

Brand Colors

#212529
Primary
244 uses
#1677ff
Secondary
4 uses
#172b4d
Accent
3 uses

Neutrals

#000000
233 uses
#444444
32 uses
#ffffff
30 uses
#696969
10 uses
#959595
6 uses
#f0f0f0
3 uses

Full Palette

#212529
text, border
244 uses
#000000
text, border, background
233 uses
#444444
text, border
32 uses
#ffffff
background, text, border
30 uses
#696969
text, border
10 uses
#959595
border, background, text
6 uses
#1677ff
text
4 uses
#172b4d
text, border
3 uses
#f0f0f0
background
3 uses
#dee2e6
border
1 uses

Gradients

Typography

Font Families

system-ui (all, 166x)sans-serif (all, 97x)-apple-system (all, 50x)DM Sans (body, 7x)Rubik (headings, 1x)

Type Scale

40px The quick brown fox 700 / 48px
28px The quick brown fox 400 / 44px
24px The quick brown fox 500 / 37.7143px
20px The quick brown fox 700 / 24px
16px The quick brown fox 400 / 18.4px
14.4px The quick brown fox 500 / 22.6286px
14px The quick brown fox 400 / 22px

Spacing Scale (base: 2px)

1px
20px
24px
29px
40px
48px
60px
80px

Box Shadows

xs
md
xl
xl

Border Radii

6px
md
12px
lg
16px
lg
50px
full
999px
full

Accessibility

95%
WCAG Contrast Score
18 passing / 1 failing color pairs

Color Pair Analysis

Sample
#212529 on #000000
1.36:1
FAIL
1x
Sample
#212529 on #ffffff
15.43:1
AAA
10x
Sample
#000000 on #ffffff
21:1
AAA
3x
Sample
#212529 on #f0f0f0
13.54:1
AAA
3x
Sample
#212529 on #929292
4.96:1
AA
2x