The full spectrum.
Colour is a powerful means of visual recognition. By using our colours consistently, we will strengthen the awareness of Louder Than Ten.
Our colours are Louder Than Ten Red and Louder Than Ten Light Red.
A secondary set of colours; Louder Than Ten Dark Blue, and Louder Than Ten Light Blue are an accepted hue for some situations.
Brand colours
Light red
light-red-500
Hex: #FF592D
RGB: R 255 G 89 B 45
HSLA: H 13 S 82% L 100%
CMYK: C 0% M 61% Y 72% K 0%
PMS: Pantone 171
light-red-100
Hex: #FCDBCE
RGB: R 252 G 219 B 206
HSLA: H 17 S 18% L 99%
light-red-200
Hex: #FDBBA6
RGB: R 253 G 187 B 166
HSLA: H 14 S 34% L 99%
light-red-300
Hex: #FD997D
RGB: R 253 G 153 B 125
HSLA: H 13 S 51% L 99%
light-red-400
Hex: #FE7955
RGB: R 254 G 121 B 85
HSLA: H 13 S 67% L 100%
light-red-600
Hex: #D34D2A
RGB: R 211 G 77 B 42
HSLA: H 12 S 80% L 83%
light-red-700
Hex: #A74128
RGB: R 167 G 65 B 40
HSLA: H 12 S 76% L 65%
light-red-800
Hex: #7A3725
RGB: R 122 G 55 B 37
HSLA: H 13 S 70% L 48%
light-red-900
Hex: #4E2B23
RGB: R 78 G 43 B 35
HSLA: H 11 S 55% L 31%
Dark red
dark-red-500
Hex: #9A0000
RGB: R 154 G 0 B 0
HSLA: H 0 S 100% L 60%
CMYK: C 0% M 93% Y 95% K 2%f
PMS: Pantone 7627
dark-red-100
Hex: #E8C9C5
RGB: R 232 G 201 B 197
HSLA: H 7 S 15% L 91%
dark-red-200
Hex: #D59794
RGB: R 213 G 151 B 148
HSLA: H 3 S 31% L 84%
dark-red-300
Hex: #C06462
RGB: R 192 G 100 B 98
HSLA: H 1 S 49% L 75%
dark-red-400
Hex: #AD3231
RGB: R 173 G 50 B 49
HSLA: H 0 S 72% L 68%
dark-red-600
Hex: #820202
RGB: R 130 G 2 B 2
HSLA: H 360 S 98% L 51%
dark-red-700
Hex: #6A0B0C
RGB: R 106 G 11 B 12
HSLA: H 359 S 90% L 42%
dark-red-800
Hex: #521313
RGB: R 82 G 19 B 19
HSLA: H 360 S 77% L 32%
dark-red-900
Hex: #3A191A
RGB: R 58 G 25 B 26
HSLA: H 358 S 57% L 23%
Light blue
light-blue-500
Hex: #00AEEF
RGB: R 0 G 174 B 239
HSLA: H 196 S 100% L 94%
CMYK: C 100% M 0% Y 0% K 0%
PMS: Pantone Process Cyan
light-blue-100
Hex: #C9ECF5
RGB: R 201 G 236 B 245
HSLA: H 192 S 18% L 96%
light-blue-200
Hex: #97DDF4
RGB: R 151 G 221 B 244
HSLA: H 195 S 38% L 96%
light-blue-300
Hex: #63CCF1
RGB: R 99 G 204 B 241
HSLA: H 196 S 59% L 95%
light-blue-400
Hex: #30BDF0
RGB: R 48 G 189 B 240
HSLA: H 196 S 80% L 94%
light-blue-600
Hex: #0091C5
RGB: R 0 G 145 B 197
HSLA: H 196 S 100% L 77%
light-blue-700
Hex: #0A749C
RGB: R 10 G 116 B 156
HSLA: H 10 S 94% L 61%
light-blue-800
Hex: #135973
RGB: R 19 G 89 B 115
HSLA: H 196 S 83% L 45%
light-blue-900
Hex: #1A3C4A
RGB: R 26 G 60 B 74
HSLA: H 198 S 65% L 29%
Dark blue
dark-blue-500
Hex: #0031CE
RGB: R 0 G 49 B 206
HSLA: H 226 S 100% L 81%
CMYK: C 100% M 52% Y 0% K 0%
PMS: Pantone 2935
dark-blue-100
Hex: #C9D3EE
RGB: R 201 G 211 B 238
HSLA: H 224 S 16% L 93%
dark-blue-200
Hex: #97ABE6
RGB: R 225 G 171 B 230
HSLA: H 225 S 34% L 90%
dark-blue-300
Hex: #6381DE
RGB: R 99 G 129 B 222
HSLA: H 225 S 55% L 87%
dark-blue-400
Hex: #3159D6
RGB: R 49 G 89 B 214
HSLA: H 225 S 77% L 84%
dark-blue-600
Hex: #002DAB
RGB: R 0 G 45 B 171
HSLA: H 224 S 100% L 67%
dark-blue-700
Hex: #0C2989
RGB: R 12 G 41 B 137
HSLA: H 226 S 91% L 54%
dark-blue-800
Hex: #132765
RGB: R 19 G 39 B 101
HSLA: H 225 S 81% L 40%
dark-blue-900
Hex: #1A2343
RGB: R 26 G 35 B 67
HSLA: H 227 S 61% L 26%
Utility colours
Red
red-500
Hex: #E10600
RGB: R 225 G 6 B 0
HSLA: H 2 S 100% L 88%
red-100
Hex: #F6CAC5
RGB: R 246 G 202 B 197
HSLA: H 6 S 20% L 96%
red-200
Hex: #F19994
RGB: R 241 G 153 B 148
HSLA: H 3 S 39% L 95%
red-300
Hex: #EB6862
RGB: R 235 G 104 B 98
HSLA: H 3 S 58% L 92%
red-400
Hex: #E63731
RGB: R 230 G 55 B 49
HSLA: H 2 S 55% L 90%
red-600
Hex: #BB0B06
RGB: R 187 G 11 B 6
HSLA: H 2 S 97% L 73%
red-700
Hex: #95100D
RGB: R 148 G 16 B 13
HSLA: H 1 S 91% L 58%
red-800
Hex: #6E1513
RGB: R 110 G 21 B 19
HSLA: H 1 S 83% L 43%
red-900
Hex: #481A1A
RGB: R 72 G 26 B 26
HSLA: H 360 S 64% L 28%
Yellow
yellow-500
Hex: #FFAB1F
RGB: R 38 G 171 B 31
HSLA: H 38 S 88% L 100%
CMYK: C 0% M 41% Y 100% K 0%
PMS: Pantone 137
yellow-100
Hex: #FCEBCB
RGB: R 252 G 235 B 203
HSLA: H 39 S 19% L 99%
yellow-200
Hex: #FDDBA0
RGB: R 253 G 219 B 160
HSLA: H 38 S 37% L 99%
yellow-300
Hex: #FDCB75
RGB: R 253 G 203 B 117
HSLA: H 38 S 54% L 99%
yellow-400
Hex: #FEBB49
RGB: R 254 G 187 B 73
HSLA: H 38 S 71% L 100%
yellow-600
Hex: #D38F1E
RGB: R 211 G 143 B 30
HSLA: H 37 S 86% L 83%
yellow-700
Hex: #A7731F
RGB: R 37 G 115 B 31
HSLA: H 37 S 81% L 65%
yellow-800
Hex: #7A571E
RGB: R 122 G 87 B 30
HSLA: H 37 S 75% L 48%
yellow-900
Hex: #4E3B20
RGB: R 78 G 59 B 32
HSLA: H 35 S 59% L 31%
Green
green-500
Hex: #1DB12F
RGB: R 29 G 177 B 47
HSLA: H 127 S 84% L 69%
green-100
Hex: #CFECCE
RGB: R 207 G 236 B 206
HSLA: H 118 S 13% L 93%
green-200
Hex: #A3DEA7
RGB: R 163 G 222 B 167
HSLA: H 124 S 27% L 87%
green-300
Hex: #75CE7E
RGB: R 117 G 206 B 126
HSLA: H 126 S 43% L 81%
green-400
Hex: #49C057
RGB: R 73 G 192 B 87
HSLA: H 127 S 62% L 75%
green-600
Hex: #1E942C
RGB: R 30 G 148 B 44
HSLA: H 127 S 80% L 58%
green-700
Hex: #1E7629
RGB: R 30 G 118 B 41
HSLA: H 128 S 75% L 46%
green-800
Hex: #205A26
RGB: R 32 G 90 B 38
HSLA: H 126 S 64% L 35%
green-900
Hex: #213C23
RGB: R 33 G 60 B 35
HSLA: H 124 S 45% L 24%
Greyscale
grey-100
Hex: #FFFFFF
RGB: R 255 G 255 B 255
HSLA: H 0 S 0% L 100%
grey-150
Hex: #FFFEFA
RGB: R 255 G 254 B 250
HSLA: H 48 S 2% L 100%
grey-200
Hex: #FBFBF6
RGB: R 251 G 251 B 246
HSLA: H 60 S 2% L 98%
grey-225
Hex: #F6F4EF
RGB: R 246 G 244 B 239
HSLA: H 43 S 3% L 96%
grey-250
Hex: #EBEBE6
RGB: R 235 G 235 B 230
HSLA: H 60 S 2% L 92%
grey-300
Hex: #DCDBD7
RGB: R 220 G 219 B 215
HSLA: H 48 S 2% L 86%
grey-350
Hex: #CCCBC8
RGB: R 204 G 203 B 200
HSLA: H 45 S 2% L 80%
grey-400
Hex: #BDBCB8
RGB: R 189 G 188 B 184
HSLA: H 48 S 3% L 74%
grey-450
Hex: #ADACA9
RGB: R 173 G 172 B 169
HSLA: H 45 S 2% L 68%
grey-500
Hex: #9E9C9A
RGB: R 158 G 156 B 154
HSLA: H 30 S 3% L 62%
grey-550
Hex: #8F8D8B
RGB: R 143 G 141 B 139
HSLA: H 30 S 3% L 56%
grey-600
Hex: #7F7D7B
RGB: R 127 G 125 B 123
HSLA: H 30 S 3% L 50%
grey-650
Hex: #706D6C
RGB: R 112 G 109 B 108
HSLA: H 15 S 4% L 44%
grey-700
Hex: #605D5D
RGB: R 96 G 93 B 93
HSLA: H 360 S 3% L 38%
grey-750
Hex: #514E4D
RGB: R 81 G 78 B 77
HSLA: H 15 S 5% L 32%
grey-800
Hex: #413E3E
RGB: R 65 G 62 B 62
HSLA: H 360 S 5% L 25%
grey-850
Hex: #322E2F
RGB: R 50 G 46 B 47
HSLA: H 345 S 8% L 20%
grey-900
Hex: #231F20
RGB: R 35 G 31 B 32
HSLA: H 345 S 11% L 14%
grey-950
Hex: #000000
RGB: R 0 G 0 B 0
HSLA: H 0 S 0% L 0%
Talk to us.
Learn more about our programs or just say hi.