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.
Foreground Class: .facebook
Background Class: .bg-facebook
HEX: #3B5998
RGB: 59 89 152
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
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