When working on a presentation, newsletter, social media post or modifying the site this page is a good reference to help keep you on brand. You’ll find the TKO colors, logos, typography and accessibility guidelines below.

Colors

Fern Green

Hex: #005C2E

RGB: rgb(0,92,46)

HSL: hsl(150,100%,18%)

Moss Green

Hex: #8CC000

RGB: rgb(140,192,0)

HSL: hsl(76.3,100%,37.6%)

Sunshine Yellow

Hex: #FFB217

RGB: rgb(255,178,23)

HSL: hsl(40.1,100%,54.5%)

Sky Blue

Hex: #319CFF

RGB: rgb(49,156,255)

HSL: hsl(208.8,100%,59.6%)

Soil Brown

Hex: #584534

RGB: rgb(88,69,52)

HSL: hsl(28.3,25.7%,27.5%)

white

Hex: #FFFFFF

RGB: rgb(255,255,255)

HSL: hsl(0,0%,100%)

Cloud Grey

Hex: #F6F6F6

RGB: rgb(246,246,246)

HSL: hsl(0,0%,96.5%)

Medium Gun metal

Hex: #A4A4A4

RGB: rgb(164.3,164.3,164.3)

HSL: hsl(0,0%,64.3%)

Dark Gun metal

Hex: #333333

RGB: rgb(51,51,51)

HSL: hsl(0,0%,20%)

Text

Body text uses Roboto Slab at 16px, normal weight (400) and the dark gun metal color.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tincidunt nisi ante, a facilisis leo dapibus non. In blandit purus eget dolor lobortis, vitae tempor nisi luctus. Duis hendrerit urna ut diam ullamcorper pellentesque. Proin et elit eget urna fermentum sagittis in vel urna. Phasellus maximus rutrum mauris sed tincidunt.

Captions use Roboto Slab at 12px, normal weight (400) and the medium gun metal color.

This is an example caption for a picture or figure