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 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
| 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
| 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. |