Login - Hamaspik kings

https://test-hamaspikbillingmgr.azurewebsites.net/ 75 elements 4/30/2026
16
Colors
4
Font Families
7
Spacing Values
1
Shadows
3
Border Radii
8
Components
81%
A11y Score

Color Palette

Brand Colors

#337ab7
Primary
7 uses
#a94442
Secondary
6 uses
#337ab7
Accent
7 uses

Neutrals

#333333
88 uses
#000000
27 uses
#ffffff
10 uses
#6c757d
6 uses
#555555
4 uses
#cccccc
3 uses
#f5f5f5
1 uses
#dddddd
1 uses

Full Palette

#333333
text, border
88 uses
#000000
text, border, background
27 uses
#ffffff
background, text, border
10 uses
#337ab7
background, text, border
7 uses
#a94442
text, border
6 uses
#6c757d
text, border
6 uses
#555555
text, border
4 uses
#a5dc86
border, background
4 uses
#cccccc
border, background
3 uses
#f27474
border, background
3 uses
#f8bb86
border, background
3 uses
#2e6da4
border
1 uses
#f5f5f5
background
1 uses
#dddddd
border
1 uses
#c9dae1
border
1 uses
#aedef4
background
1 uses

Typography

Font Families

Arial (all, 42x)Open Sans (all, 19x)sans-serif (all, 13x)FontAwesome (body, 1x)

Type Scale

30px The quick brown fox 500 / 33px
17px The quick brown fox 500 / 24.2857px
16px The quick brown fox 300 / normal
14px The quick brown fox 400 / 20px
10px The quick brown fox 400 / normal

Spacing Scale (base: 2px)

3px
26px
30px
48px
55px
60px
100px

Box Shadows

xs (inset)

Border Radii

2px
xs
5px
sm
50px
full

Accessibility

81%
WCAG Contrast Score
13 passing / 3 failing color pairs

Color Pair Analysis

Sample
#333333 on #000000
1.66:1
FAIL
1x
Sample
#ffffff on #d0d0d0
1.54:1
FAIL
1x
Sample
#ffffff on #aedef4
1.44:1
FAIL
1x
Sample
#333333 on #ffffff
12.63:1
AAA
3x
Sample
#555555 on #ffffff
7.46:1
AAA
2x
Sample
#333333 on #f27474
4.53:1
AA
2x
Sample
#333333 on #f8bb86
7.49:1
AAA
2x
Sample
#333333 on #a5dc86
7.93:1
AAA
2x
Sample
#ffffff on #337ab7
4.56:1
AA
1x
Sample
#333333 on #f5f5f5
11.59:1
AAA
1x