---
title: Outline Color
position: 6
seo_title: Telerik and Kendo UI Outline Color Utilities
seo_description: Use the Telerik and Kendo UI Outline Color Utilities to change
  the outline color of an element by using a set of predefined classes.
---
## Outline Color

The Telerik and Kendo UI Outline Color Utilities are a collection of CSS classes that enable you to control the outline color of an element.

<CSSRulesList data='{"id":"outline-color"}'></CSSRulesList>

### Applying an Outline Color

Use the `k-outline-{color}` to apply different outline colors to an element.

<LiveDemo data='{"links":[],"demo":"utils/borders/outline-color/all-sides","height":150,"codePreviewSettings":{"filterSelector":".k-outline-primary","ignoreClassNames":"k-w-20 k-h-20"}}'></LiveDemo>