Created at 09/03/2025 14:24
Business Intelligence React Dashboard
Insight Blue
#3b9ae1
Stakeholder Olive
#a7c957
Metric Coral
#f07167
Decision Slate
#495057
Chartline Yellow
#fec601
Accessible Paper White
#fbfbfb
Data Point Black
#1a1a1a
The palette consists of Light, Dark colors. Accent colors Insight Blue #3b9ae1 and Chartline Yellow #fec601. Palette has Cool, Warm, Neutral colors temperature.
Palette Business Intelligence React Dashboard has combination of 7 codes colors:
HEX: #3b9ae1, RGB: (59, 154, 225); HEX: #a7c957, RGB: (167, 201, 87); HEX: #f07167, RGB: (240, 113, 103)
HEX: #495057, RGB: (73, 80, 87); HEX: #fec601, RGB: (254, 198, 1); HEX: #fbfbfb, RGB: (251, 251, 251)
HEX: #1a1a1a, RGB: (26, 26, 26)
Simplified version of palette colors
Shade of dodgerblue, Shade of Yellowgreen, Tint of salmon, Tint of dimgrey, Tint of gold, Tint of White, Shade of Black
Color scheme was created by colourlock
Colors codes in palette
Business Intelligence React Dashboard color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3b9ae1 | #3b9ae1 | RGB(59, 154, 225) | Insight Blue | — |
| #a7c957 | #a7c957 | RGB(167, 201, 87) | Stakeholder Olive | — |
| #f07167 | #f07167 | RGB(240, 113, 103) | Metric Coral | — |
| #495057 | #495057 | RGB(73, 80, 87) | Decision Slate | — |
| #fec601 | #fec601 | RGB(254, 198, 1) | Chartline Yellow | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Accessible Paper White | Whiteout |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Data Point Black | Gray10 |
Color Palette Contrast
8 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#3b9ae1 | #a7c957 | 1.61 |
#3b9ae1 | #f07167 | 1.05 |
#3b9ae1 | #fec601 | 1.92 |
#a7c957 | #f07167 | 1.53 |
#a7c957 | #fec601 | 1.19 |
#a7c957 | #fbfbfb | 1.82 |
