Logos Colour Typefaces Forms & controls Tables Borders Layout Typography Themes

The full spectrum.

Colour is a pow­er­ful means of visu­al recog­ni­tion. By using our colours con­sis­tent­ly, we will strength­en the aware­ness of Loud­er Than Ten.

Our colours are Loud­er Than Ten Red and Loud­er Than Ten Light Red.

A sec­ondary set of colours; Loud­er Than Ten Dark Blue, and Loud­er Than Ten Light Blue are an accept­ed 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: Pan­tone 171

light-red-100


Hex: #FCD­BCE

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: Pan­tone 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: Pan­tone 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: Pan­tone 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

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: Pan­tone 137

yellow-100


Hex: #FCE­BCB

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%

Dark red

green-500


Hex: #1DB12F

RGB: R 29 G 177 B 47

HSLA: H 127 S 84% L 69%

green-100


Hex: #CFEC­CE

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: #FFFE­FA

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.