Colors

University Colors

These colors are officially sanctioned and used in University designs

Stony Brook Red

Foreground Class: .red
Background Class: .bg-red
HEX: #990000
RGB: 153 0 0

Dark Red

Foreground Class: .dark-red
Background Class: .bg-dark-red
HEX: #890000
RGB: 137 0 0

Gray

Foreground Class: .gray
Background Class: .bg-gray
HEX: #CCCCCC
RGB: 204 204 204

Light Gray

Foreground Color: .light-gray
Background Class: .bg-light-gray
HEX: #EEEEEE
RGB: 238 238 238

Dark Gray

Foreground Class: .dark-gray
Background Class: .bg-dark-gray
HEX: #333333
RGB: 51 51 51

White

Foreground Class: .white
Background Class: .bg-white
HEX: #FFFFFF
RGB: 255 255 255

Black

Foreground Class: .black
Background Class: .bg-black
HEX: #000000
RGB: 0 0 0

Supplemental UI Colors

These should be used to highlight specific interface elements and should be used sparingly on a page.

Alizarin

Foreground Class: .alizarin
Background Class: .bg-alizarin
HEX: #E74C3C
RGB: 231 76 60

Amethyst

Foreground Class: .amethyst
Background Class: .bg-amethyst
HEX: #9B59B6
RGB: 155 89 182

Asphalt

Foreground Class: .asphalt
Background Class: .bg-asphalt
HEX: #34495E
RGB: 52 73 94

Emerald

Foreground Class: .emerald
Background Class: .bg-emerald
HEX: #2ECC71
RGB: 46 204 113

Pom

Foreground Class: .pom
Background Class: .bg-pom
HEX: #C0392B
RGB: 192 57 43

River

Foreground Class: .river
Background Class: .bg-river
HEX: #3498DA
RGB: 52 152 219

Sun

Foreground Class: .sun
Background Class: .bg-sun
HEX: #F39C12
RGB: 243 156 18

Turquoise

Foreground Class: .turquoise
Background Class: .bg-turquoise
HEX: #1ABC9C
RGB: 26 188 156

Corporate Colors

These colors should only be used in conjunction with their corporate counter-part.

Facebook

Foreground Class: .facebook
Background Class: .bg-facebook
HEX: #3B5998
RGB: 59 89 152

Twitter

Foreground Class: .twitter
Background Class: .bg-twitter
HEX: #55ACEE
RGB: 85 172 238

YouTube

Foreground Class: .youtube
Background Class: .bg-youtube
HEX: #55ACEE
RGB: 205 32 31

Google Plus

Foreground Class: .google-plus
Background Class: .bg-google-plus
HEX: #DD4B39
RGB: 221 75 57

Tumblr

Foreground Class: .tumblr
Background Class: .bg-tumblr
HEX: #35465C
RGB: 53 70 92

Instagram

Foreground Class: .instagram
Background Class: .bg-instagram
HEX: #3F729B
RGB: 63 114 155

Yammer

Foreground Class: .yammer
Background Class: .bg-yammer
HEX: #0072C4
RGB: 0 114 198

Overlays

Overlays

Overlays are placed over backgrounds to add contrast

Overlay Black .overlay-black
Overlay Gray .overlay-gray
Overlay Red .overlay-red
Overlay River .overlay-river
Overlay Turquoise .overlay-turquoise
Overlay White .overlay-white