Color usage

Colour usage guideline is updated on 28 Nov 2018

jobsDB color swatches

Brand

RGB
15 44 85
Hex
#0f2C55
HSL
hsl(215, 70%, 19.6%)

Candidate

RGB
12 75 133
Hex
#0c4b85
HSL
hsl(209, 83.4%, 28.4%)

Hirer

RGB
14 126 139
Hex
#0e7e8b
HSL
hsl(186, 81.7%, 30%)

Call-to-action

RGB
255 144 0
Hex
#ff9000
HSL
hsl(34, 100%, 50%)

JobStreet color swatches

Candidate

RGB
28 63 148
Hex
#1c3f94
HSL
hsl(223, 68.2%, 34.5%)

Hirer

RGB
27 149 62
Hex
#1B953E
HSL
hsl(137, 69.3%, 34.5%)

Call-to-action

RGB
255 242 0
Hex
#fff200
HSL
hsl(57, 100%, 50%)

Action colours swatches

Completion

RGB
99 178 9
Hex
#63b209
HSL
hsl(88, 90.4%, 36.7%)

Alert

RGB
255 75 75
Hex
#ff4b4b
HSL
hsl(0, 100%, 64.7%)

Visited

RGB
108 72 143
Hex
#6c488f
HSL
hsl(270, 33%, 42.2%)

Blue shades New

Blue 1

RGB
32 110 143
Hex
#206E8F
HSL
hsl(198, 63.4%, 34.3%)
Usage
  • Filter border color (:hover w/ selected state)

Blue 2

RGB
41 142 185
Hex
#298EB9
HSL
hsl(198, 63.7%, 44.3%)
Usage
  • Primary button background
  • Hyperlink
  • Filter background (Selected)

Blue 3

RGB
148 201 224
Hex
#94C9E0
HSL
hsl(198, 55.1%, 72.9%)
Usage
  • Primary button background (:hover)
  • Hyperlink (:hover)
  • Filter border color (unselected)
  • Filter background (:hover)
  • Filter outter glow (:focus)
  • Input border (:hover)
  • Input outter glow (:focus)

Blue 4

RGB
221 241 250
Hex
#DDF1FA
HSL
hsl(199, 74.4%, 92.4%)
Usage
  • Secondary button background
  • Filter background (Unselected)

Blue 5

RGB
238 248 252
Hex
#EEF8FC
HSL
hsl(197, 70%, 96.1%)
Usage
  • Secondary button background (:hover)

Neutral swatches

Black

RGB
0 0 0
Hex
#000000
HSL
hsl(0, 0%, 0%)

Grey #1

RGB
51 51 51
Hex
#333333
HSL
hsl(0, 0%, 20%)

Grey #2

RGB
102 102 102
Hex
#666666
HSL
hsl(0, 0%, 40%)

Grey #3

RGB
153 153 153
Hex
#999999
HSL
hsl(0, 0%, 60%)

Grey #4

RGB
204 204 204
Hex
#cccccc
HSL
hsl(0, 0%, 80%)

Grey #5

RGB
238 238 238
Hex
#eeeeee
HSL
hsl(0, 0%, 93%)

Grey #6

RGB
248 248 250
Hex
#f8f8fa
HSL
hsl(240, 16.7%, 97.6%)

White

RGB
255 255 255
Hex
#ffffff
HSL
hsl(0, 0%, 100%)