---
name: Color
route: /components/1843/color
menu: 1843
edit: false
---

import { Playground } from 'docz'
import Color from './color'

# Color
## Color

<Playground>
  <code>
  <span style={{backgroundColor: 'var(--1843-color-dubai-45)', borderRadius: '100%', display: 'inline-block', height: '20px', width: '20px', verticalAlign: 'middle'}}></span> --1843-color-dubai-45: #C97B1D;<br />
  <span style={{backgroundColor: 'var(--1843-color-1843-red)', borderRadius: '100%', display: 'inline-block', height: '20px', width: '20px', verticalAlign: 'middle'}}></span> --1843-color-1843-red: #B30000;<br />
  </code>
</Playground>
