Created at 08/20/2025 14:22
React Hyperlink AI Visualization Suite
- Virtual Indigo#3f51b5
- Hook Orange#ff9800
- JSX Lilac#c39bd3
- Component Mint#a2d5ab
- Event Loop White#f7f7f7
- Dark Theme Slate#1c1c1c
The palette consists of Semi dark, Light, Dark colors. Accent colors Virtual Indigo #3f51b5 and Hook Orange #ff9800. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1C1C1C (darkest) to #F7F7F7 (lightest). The lightness range is wide.
Saturation is mixed — 2 muted and 1 vivid out of 6 colors.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #1C1C1C, #3F51B5, #A2D5AB, #C39BD3, #F7F7F7, #FF9800
Palette React Hyperlink AI Visualization Suite has combination of 6 codes colors:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ff9800, RGB: (255, 152, 0); HEX: #c39bd3, RGB: (195, 155, 211)
HEX: #a2d5ab, RGB: (162, 213, 171); HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #1c1c1c, RGB: (28, 28, 28)
Simplified version of palette colors
Tint of slateblue, Shade of darkorange, Tint of plum, Shade of darkseagreen, Shade of whitesmoke, Shade of Black
Color scheme was created by hex
Colors codes in palette
React Hyperlink AI Visualization Suite color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Virtual Indigo | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | Hook Orange | — |
| #c39bd3 | #c39bd3 | RGB(195, 155, 211) | JSX Lilac | — |
| #a2d5ab | #a2d5ab | RGB(162, 213, 171) | Component Mint | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Event Loop White | Lynx White |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Dark Theme Slate | Gray11 |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#ff9800 | #c39bd3 | 1.08 |
#ff9800 | #a2d5ab | 1.29 |
#c39bd3 | #a2d5ab | 1.41 |
#a2d5ab | #f7f7f7 | 1.55 |
Image palette React Hyperlink AI Visualization Suite png
Export Palette
Download the "React Hyperlink AI Visualization Suite" in multiple formats for seamless integration into your design projects.
Available formats: