UCLA Blue
Hex: #2774ae
HSL: hsl(206, 63%, 42%)
RGB: rgb(39, 116, 174)
Token: --ucla-blue
UCLA Gold
Hex: #ffd100
HSL: hsl(49, 100%, 50%)
RGB: rgb(255, 209, 0)
Token: --ucla-gold
Darker Blue
Hex: #005587
HSL: hsl(202, 100%, 26%)
RGB: rgb(0, 85, 135)
Token: --ucla-darker-blue
Darkest Blue
Hex: #003b5c
HSL: hsl(202, 100%, 18%)
RGB: rgb(0, 59, 92)
Token: --ucla-darkest-blue
Lightest Blue
Hex: #daebfe
HSL: hsl(212, 95%, 93%)
RGB: rgb(218, 235, 254)
Token: --ucla-lightest-blue
Lighter Blue
Hex: #8bb8e8
HSL: hsl(211, 67%, 73%)
RGB: rgb(139, 184, 232)
Token: --ucla-lighter-blue
Darker Gold
Hex: #ffc72c
HSL: hsl(44, 100%, 59%)
RGB: rgb(255, 199, 44)
Token: --ucla-darker-gold
Darkest Gold
Hex: #ffb81c
HSL: hsl(41, 100%, 55%)
RGB: rgb(255, 184, 28)
Token: --ucla-darkest-gold
White
Hex: #e6e6e6
HSL: hsl(0, 0%, 100%)
RGB: rgb(255, 255, 255)
Token: --white
Black-10
Hex: #000
HSL: hsl(0, 0%, 90%)
RGB: rgb(230, 230, 230)
Token: --black-10
Black-20
Hex: #ccc
HSL: hsl(0, 0%, 80%)
RGB: rgb(204, 204, 204)
Token: --black-20
Black-30
Hex: #b3b3b3
HSL: hsl(0, 0%, 70%)
RGB: rgb(179, 179, 179)
Token: --black-30
Black-40
Hex: #999
HSL: hsl(0, 0%, 60%)
RGB: rgb(153, 153, 153)
Token: --black-40
Black-50
Hex: #808080
HSL: hsl(0, 0%, 50%)
RGB: rgb(128, 128, 128)
Token: --black-50
Black-60
Hex: #666
HSL: hsl(0, 0%, 40%)
RGB: rgb(102, 102, 102)
Token: --black-40
Black-70
Hex: #4d4d4d
HSL: hsl(0, 0%, 30%)
RGB: rgb(77, 77, 77)
Token: --black-70
Black-80
Hex: #333
HSL: hsl(0, 0%, 20%)
RGB: rgb(51, 51, 51)
Token: --black-80
Black-90
Hex: #1a1a1a
HSL: hsl(0, 0%, 10%)
RGB: rgb(26, 26, 26)
Token: --black-90
Black
Hex: #000
HSL: hsl(0, 0%, 0%)
RGB: rgb(0, 0, 0)
Token: --black
Accent Colors
Yellow
Hex: #ff0
HSL: hsl(60, 100%, 50%)
RGB: rgb(255, 255, 0)
Token: --ucla-yellow
Cyan
Hex: #0ff
HSL: hsl(180, 100%, 50%)
RGB: rgb(0, 255, 255)
Token: --ucla-cyan
Magenta
Hex: #ff00a5
HSL: hsl(321, 100%, 50%)
RGB: rgb(255, 0, 165)
Token: --ucla-magenta
Green
Hex: #00ff87
HSL: hsl(152, 100%, 50%)
RGB: rgb(0, 255, 135)
Token: --ucla-green
Darker Green
Hex: #32aa56
HSL: hsl(138, 55%, 43%)
RGB: rgb(50, 170, 86)
Token: --ucla-darker-green
Purple
Hex: #8a69d4
HSL: hsl(259, 55%, 62%)
RGB: rgb(138, 105, 212)
Token: --ucla-purple