Created at 03/29/2024 15:11
Semantic UI React CSS Framework colors
red
#db2828
orange
#f2711c
yellow
#fbbd08
olive
#b5cc18
green
#21ba45
teal
#00b5ad
blue
#2185d0
violet
#6435c9
purple
#a333c8
pink
#e03997
brown
#a5673f
grey
#767676
black
#1b1c1d
The palette consists of Light, Semi dark, Dark colors. Accent colors red and orange. Palette has Warm, Cool, Neutral colors temperature.
Palette Semantic UI React CSS Framework colors has combination of 13 codes colors:
HEX: #db2828, RGB: (219, 40, 40); HEX: #f2711c, RGB: (242, 113, 28); HEX: #fbbd08, RGB: (251, 189, 8)
HEX: #b5cc18, RGB: (181, 204, 24); HEX: #21ba45, RGB: (33, 186, 69); HEX: #00b5ad, RGB: (0, 181, 173)
HEX: #2185d0, RGB: (33, 133, 208); HEX: #6435c9, RGB: (100, 53, 201); HEX: #a333c8, RGB: (163, 51, 200)
HEX: #e03997, RGB: (224, 57, 151); HEX: #a5673f, RGB: (165, 103, 63); HEX: #767676, RGB: (118, 118, 118)
HEX: #1b1c1d, RGB: (27, 28, 29)
Simplified version of palette colors
Shade of crimson, Shade of chocolate, Shade of goldenrod, Shade of Yellowgreen, Tint of limegreen, Tint of lightseagreen, Tint of steelblue, Tint of blueviolet, Shade of darkorchid, Shade of deeppink, Shade of sienna, Tint of Grey, Shade of Black
Color scheme was created by raccoon
Colors codes in palette
Semantic UI React CSS Framework colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #db2828 | RGB(219, 40, 40) | red | — | |
| #f2711c | RGB(242, 113, 28) | orange | — | |
| #fbbd08 | RGB(251, 189, 8) | yellow | — | |
| #b5cc18 | RGB(181, 204, 24) | olive | — | |
| #21ba45 | RGB(33, 186, 69) | green | — | |
| #00b5ad | RGB(0, 181, 173) | teal | — | |
| #2185d0 | RGB(33, 133, 208) | blue | — | |
| #6435c9 | RGB(100, 53, 201) | violet | — | |
| #a333c8 | RGB(163, 51, 200) | purple | — | |
| #e03997 | RGB(224, 57, 151) | pink | — | |
| #a5673f | RGB(165, 103, 63) | brown | — | |
| #767676 | RGB(118, 118, 118) | grey | — | |
| #1b1c1d | RGB(27, 28, 29) | black | — |
