Created at 03/29/2024 13:24
Semantic UI CSS Framework colors
red
#e74c3c
orange
#e67e22
yellow
#f1c40f
olive
#95a5a6
green
#2ecc71
teal
#1abc9c
blue
#3498db
violet
#9b59b6
purple
#8e44ad
pink
#e91e63
brown
#795548
grey
#607d8b
black
#000000
The palette consists of Light, Semi dark, Dark colors. Accent colors yellow #f1c40f and teal #1abc9c. Palette has Warm, Cool, Neutral colors temperature.
Palette Semantic UI CSS Framework colors has combination of 13 codes colors:
HEX: #e74c3c, RGB: (231, 76, 60); HEX: #e67e22, RGB: (230, 126, 34); HEX: #f1c40f, RGB: (241, 196, 15)
HEX: #95a5a6, RGB: (149, 165, 166); HEX: #2ecc71, RGB: (46, 204, 113); HEX: #1abc9c, RGB: (26, 188, 156)
HEX: #3498db, RGB: (52, 152, 219); HEX: #9b59b6, RGB: (155, 89, 182); HEX: #8e44ad, RGB: (142, 68, 173)
HEX: #e91e63, RGB: (233, 30, 99); HEX: #795548, RGB: (121, 85, 72); HEX: #607d8b, RGB: (96, 125, 139)
HEX: #000000, RGB: (0, 0, 0)
Simplified version of palette colors
Tint of tomato, Tint of darkorange, Tint of gold, Tint of darkgrey, Shade of mediumseagreen, Tint of mediumaquamarine, Shade of dodgerblue, Tint of mediumorchid, Shade of darkorchid, Shade of crimson, Tint of sienna, Tint of slategrey, Black
Color scheme was created by colorscheme
Colors codes in palette
Semantic UI CSS Framework colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #e74c3c | RGB(231, 76, 60) | red | — | |
| #e67e22 | RGB(230, 126, 34) | orange | — | |
| #f1c40f | RGB(241, 196, 15) | yellow | — | |
| #95a5a6 | RGB(149, 165, 166) | olive | — | |
| #2ecc71 | RGB(46, 204, 113) | green | — | |
| #1abc9c | RGB(26, 188, 156) | teal | — | |
| #3498db | RGB(52, 152, 219) | blue | — | |
| #9b59b6 | RGB(155, 89, 182) | violet | — | |
| #8e44ad | RGB(142, 68, 173) | purple | — | |
| #e91e63 | RGB(233, 30, 99) | pink | — | |
| #795548 | RGB(121, 85, 72) | brown | — | |
| #607d8b | RGB(96, 125, 139) | grey | — | |
| #000000 | RGB(0, 0, 0) | black | — |
Color Palette Contrast
48 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e74c3c | #e67e22 | 1.34 |
#e74c3c | #95a5a6 | 1.49 |
#e74c3c | #2ecc71 | 1.81 |
#e74c3c | #1abc9c | 1.58 |
#e74c3c | #3498db | 1.21 |
#e74c3c | #9b59b6 | 1.22 |
