### Deep Orange Color Page

#### Deep Orange Background Color

Deep Orange Color

.bg-deep-orange

#FF5722

Deep Orange 1#FF7043

.bg-deep-orange.bg-lighten-1

Deep Orange 2#FF8A65

.bg-deep-orange.bg-lighten-2

Deep Orange 3#FFAB91

.bg-deep-orange.bg-lighten-3

Deep Orange 4#FFCCBC

.bg-deep-orange.bg-lighten-4

Deep Orange Darken 1#F4511E

.bg-deep-orange.bg-darken-1

Deep Orange Darken 2#E64A19

.bg-deep-orange.bg-darken-2

Deep Orange Darken 3#D84315

.bg-deep-orange.bg-darken-3

Deep Orange Darken 4#BF360C

.bg-deep-orange.bg-darken-4

Deep Orange Accent 1#FF9E80

.bg-deep-orange.bg-accent-1

Deep Orange Accent 2#FF6E40

.bg-deep-orange.bg-accent-2

Deep Orange Accent 3#FF3D00

.bg-deep-orange.bg-accent-3

Deep Orange Accent 4#DD2C00

.bg-deep-orange.bg-accent-4

#### Deep Orange Palette Classes

Deep Orange color palette contains 13 colors: 1 main deep-orange color and 4 lighten colors, 4 darken colors and 4 Accent colors. All colors works perfectly with any bootstrap components, form components or any robust controls, that makes Robust very effective, flexible and configurable.

Please note: You can use .bg-deep-orange and .btn-deep-orange as main colors, but if you want to use lighten, darken or accent colors, use bg-* bg-lighten-NUMBER for lighten color, bg-* bg-darken-NUMBER for darken color and bg-* bg-accent-NUMBER for accent colors.

Class | Description
--- | ---
`.bg-deep-orange` | Deep Orange Class for background color.
`.bg-deep-orange` `.bg-lighten-*` | For `lighten` deep-orange background color, this two classes needed. Here *: 1,2,3,4 lighten deep-orange color options.
`.bg-deep-orange` `.bg-darken-*` | For `darken` deep-orange background color, this two classes needed. Here *: 1,2,3,4 darken deep-orange color options.
`.bg-deep-orange` `.bg-accent-*` | For `accent` deep-orange background color, this two classes needed. Here *: 1,2,3,4 accent deep-orange color options.

#### Deep Orange Border Color

Deep Orange Color

.border-deep-orange

#FF5722

Deep Orange Lighten 1#FF7043

.border-deep-orange.border-lighten-1

Deep Orange Lighten 2#FF8A65

.border-deep-orange.border-lighten-2

Deep Orange Lighten 3#FFAB91

.border-deep-orange.border-lighten-3

Deep Orange Lighten 4#FFCCBC

.border-deep-orange.border-lighten-4

Deep Orange Darken 1#F4511E

.border-deep-orange.border-darken-1

Deep Orange Darken 2#E64A19

.border-deep-orange.border-darken-2

Deep Orange Darken 3#D84315

.border-deep-orange.border-darken-3

Deep Orange Darken 4#BF360C

.border-deep-orange.border-darken-4

Deep Orange Accent 1#FF9E80

.border-deep-orange.border-accent-1

Deep Orange Accent 2#FF6E40

.border-deep-orange.border-accent-2

Deep Orange Accent 3#FF3D00

.border-deep-orange.border-accent-3

Deep Orange Accent 4#DD2C00

.border-deep-orange.border-accent-4

#### Deep Orange Border Classes

Class | Description
--- | ---
`.border-deep-orange` | Deep Orange Class for background color.
`.border-deep-orange` `.border-lighten-*` | For lighten deep-orange background color, this two classes needed. Here *: 1,2,3,4 lighten deep-orange color options.
`.border-top-deep-orange` `.border-top-lighten-*` | For lighten deep-orange `top` border. Use this classes if you need to highlight only top border.
`.border-bottom-deep-orange` `.border-bottom-lighten-*` | For lighten deep-orange `bottom` border. Use this classes if you need to highlight only bottom border.
`.border-right-deep-orange` `.border-right-lighten-*` | For lighten deep-orange `right` border. Use this classes if you need to highlight only right border.
`.border-left-deep-orange` `.border-left-lighten-*` | For lighten deep-orange `left` border. Use this classes if you need to highlight only left border.
`.border-deep-orange` `.border-darken-*` | For darken deep-orange background color, this two classes needed. Here *: 1,2,3,4 darken deep-orange color options.
`.border-top-deep-orange` `.border-top-darken-*` | For darken deep-orange `top` border. Use this classes if you need to highlight only top border.
`.border-bottom-deep-orange` `.border-bottom-darken-*` | For darken deep-orange `bottom` border. Use this classes if you need to highlight only bottom border.
`.border-right-deep-orange` `.border-right-darken-*` | For darken deep-orange `right` border. Use this classes if you need to highlight only right border.
`.border-left-deep-orange` `.border-left-darken-*` | For darken deep-orange `left` border. Use this classes if you need to highlight only left border.
`.border-deep-orange` `.border-accent-*` | For accent deep-orange background color, this two classes needed. Here *: 1,2,3,4 accent deep-orange color options.
`.border-top-deep-orange` `.border-top-accent-*` | For accent deep-orange `top` border. Use this classes if you need to highlight only top border.
`.border-bottom-deep-orange` `.border-bottom-accent-*` | For accent deep-orange `bottom` border. Use this classes if you need to highlight only bottom border.
`.border-right-deep-orange` `.border-right-accent-*` | For accent deep-orange `right` border. Use this classes if you need to highlight only right border.
`.border-left-deep-orange` `.border-left-accent-*` | For accent deep-orange `left` border. Use this classes if you need to highlight only left border.

#### Deep Orange Text Color

Deep Orange Color

.deep-orange

#FF5722

Deep Orange Lighten 1#FF7043

.deep-orange.lighten-1

Deep Orange Lighten 2#FF8A65

.deep-orange.lighten-2

Deep Orange Lighten 3#FFAB91

.deep-orange.lighten-3

Deep Orange Lighten 4#FFCCBC

.deep-orange.lighten-4

Deep Orange Darken 1#F4511E

.deep-orange.darken-1

Deep Orange Darken 2#E64A19

.deep-orange.darken-2

Deep Orange Darken 3#D84315

.deep-orange.darken-3

Deep Orange Darken 4#BF360C

.deep-orange.darken-4

Deep Orange Accent 1#FF9E80

.deep-orange.accent-1

Deep Orange Accent 2#FF6E40

.deep-orange.accent-2

Deep Orange Accent 3#FF3D00

.deep-orange.accent-3

Deep Orange Accent 4#DD2C00

.deep-orange.accent-4

#### Deep Orange Text Classes

Class | Description
--- | ---
`.deep-orange` | Class for Deep Orange Text color.
`.deep-orange` `.lighten-*` | For `lighten` deep-orange text color, this two classes needed. Here *: 1,2,3,4 for lighten deep-orange color options.
`.deep-orange` `.darken-*` | For `darken` deep-orange text color, this two classes needed. Here *: 1,2,3,4 for darken deep-orange color options.
`.deep-orange` `.accent-*` | For `accent` deep-orange text color, this two classes needed. Here *: 1,2,3,4 for accent deep-orange color options.