LP6 Style Guide: Colors page Template = lp6-docs

Rasmussen Web Color Palette

Next: Usage ›

Primary Colors

    • Green
    • --color-pri-green
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(0,71,18)
    • Hex: #004712
    • Yellow
    • --color-pri-yellow
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(238,177,17)
    • Hex: #eeb111
    • Bright Green
    • --color-pri-bright-green
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(166,206,57)
    • Hex: #a6ce39

Green Tints

    • Green - 100%
    • --color-pri-green
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(0,71,18)
    • Hex: #004712
    • Green - 80%
    • --color-pri-green--80
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(51,108,65)
    • Hex: #336C41
    • Green - 60%
    • --color-pri-green--60
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(102,145,113)
    • Hex: #669171
    • Green - 40%
    • --color-pri-green--40
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(153,181,160)
    • Hex: #99B5A0
    • Green - 20%
    • --color-pri-green--20
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(204,218,208)
    • Hex: #CCDAD0
    • Green - 10%
    • --color-pri-green--10
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(230,237,231)
    • Hex: #E6EDE7

Yellow Tints

    • Yellow - 100%
    • --color-pri-yellow
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(238,177,17)
    • Hex: #eeb111
    • Yellow - 80%
    • --color-pri-yellow--80
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(241,193,65)
    • Hex: #F1C141
    • Yellow - 60%
    • --color-pri-yellow--60
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(245,208,112)
    • Hex: #F5D070
    • Yellow - 40%
    • --color-pri-yellow--40
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(248,224,160)
    • Hex: #F8E0A0
    • Yellow - 20%
    • --color-pri-yellow--20
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(252,239,207)
    • Hex: #FCEFCF
    • Yellow - 10%
    • --color-pri-yellow--10
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(253,247,231)
    • Hex: #FDF7E7

Bright Green Tints

    • Bright Green - 100%
    • --color-pri-bright-green
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(166,206,57)
    • Hex: #a6ce39
    • Bright Green - 80%
    • --color-pri-bright-green--80
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(184,216,97)
    • Hex: #B8D861
    • Bright Green - 60%
    • --color-pri-bright-green--60
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(202,226,136)
    • Hex: #CAE288
    • Bright Green - 40%
    • --color-pri-bright-green--40
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(219,235,176)
    • Hex: #DBEBB0
    • Bright Green - 20%
    • --color-pri-bright-green--20
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(237,245,215)
    • Hex: #EDF5D7
    • Bright Green - 10%
    • --color-pri-bright-green--10
    •  
    • Brand: Rasmussen
    • Category: Primary
    • RGB: rgb(246,250,235)
    • Hex: #F6FAEB

Secondary Colors

    • Black
    • --color-sec-black
    •  
    • Brand: Rasmussen/APU
    • Category: Secondary
    • RGB: rgb(0,0,0)
    • Hex: #000000
    • White
    • --color-sec-white
    •  
    • Brand: Rasmussen/APU
    • Category: Secondary
    • RGB: rgb(255,255,255)
    • Hex: #FFFFFF
    • Dark Gray
    • --color-sec-dark-gray
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(65,64,66)
    • Hex: #414042
    • Medium Gray
    • --color-sec-medium-gray
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(89,89,89)
    • Hex: #595959
    • Light Gray
    • --color-sec-light-gray
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(202,202,202)
    • Hex: #cacaca

Dark Gray Tints

    • Dark Gray - 100%
    • --color-sec-dark-gray
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(65,64,66)
    • Hex: #414042
    • Dark Gray - 80%
    • --color-sec-dark-gray--80
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(103,102,104)
    • Hex: #676668
    • Dark Gray - 60%
    • --color-sec-dark-gray--60
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(141,140,142)
    • Hex: #8D8C8E
    • Dark Gray - 40%
    • --color-sec-dark-gray--40
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(179,179,179)
    • Hex: #B3B3B3
    • Dark Gray - 20%
    • --color-sec-dark-gray--20
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(217,217,217)
    • Hex: #D9D9D9
    • Dark Gray - 10%
    • --color-sec-dark-gray--10
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(236,236,236)
    • Hex: #ECECEC

Medium Gray Tints

    • Medium Gray - 100%
    • --color-sec-medium-gray
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(89,89,89)
    • Hex: #595959
    • Medium Gray - 80%
    • --color-sec-medium-gray--80
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(122,122,122)
    • Hex: #7A7A7A
    • Medium Gray - 60%
    • --color-sec-medium-gray--60
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(155,155,155)
    • Hex: #9B9B9B
    • Medium Gray - 40%
    • --color-sec-medium-gray--40
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(189,189,189)
    • Hex: #BDBDBD
    • Medium Gray - 20%
    • --color-sec-medium-gray--20
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(222,222,222)
    • Hex: #DEDEDE
    • Medium Gray - 10%
    • --color-sec-medium-gray--10
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(238,238,238)
    • Hex: #EEEEEE

Light Gray Tints

    • Light Gray - 100%
    • --color-sec-light-gray
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(202,202,202)
    • Hex: #cacaca
    • Light Gray - 80%
    • --color-sec-light-gray--80
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(213,213,213)
    • Hex: #D5D5D5
    • Light Gray - 60%
    • --color-sec-light-gray--60
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(223,223,223)
    • Hex: #DFDFDF
    • Light Gray - 40%
    • --color-sec-light-gray--40
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(234,234,234)
    • Hex: #EAEAEA
    • Light Gray - 20%
    • --color-sec-light-gray--20
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(244,244,244)
    • Hex: #F4F4F4
    • Light Gray - 10%
    • --color-sec-light-gray--10
    •  
    • Brand: Rasmussen
    • Category: Secondary
    • RGB: rgb(250,250,250)
    • Hex: #FAFAFA

Usage

‹ Previous: Rasmussen

General Guidance

Primary Colors

Primary colors serve as a recognizable identifier for the university or brand.

Use the primary colors as the dominant color palette for all university internal and external branded visuals.

Secondary Colors

The secondary colors, combined with black and white, are complementary to our primary colors, but are not recognizable identifiers for the university.

Use the secondary colors to accent and support the primary color palette. They should not be the dominant color in university branded visuals.