Created at 08/21/2025 11:48
Web Component Hyper Gradient Flow
Module Indigo
#3949ab
API Cyan
#26c6da
Function Pink
#ec407a
Overlay White
#f5f5f5
Render Gray
#9e9e9e
Surface Black
#1b1b1b
The palette consists of Light, Dark colors. Accent colors API Cyan #26c6da and Function Pink #ec407a. Palette has Cool, Warm, Neutral colors temperature.
Palette Web Component Hyper Gradient Flow has combination of 6 codes colors:
HEX: #3949ab, RGB: (57, 73, 171); HEX: #26c6da, RGB: (38, 198, 218); HEX: #ec407a, RGB: (236, 64, 122)
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #1b1b1b, RGB: (27, 27, 27)
Simplified version of palette colors
Shade of darkslateblue, Shade of darkturquoise, Shade of deeppink, whitesmoke, Tint of darkgrey, Shade of Black
Color scheme was created by colorhunt
Colors codes in palette
Web Component Hyper Gradient Flow color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3949ab | #3949ab | RGB(57, 73, 171) | Module Indigo | — |
| #26c6da | #26c6da | RGB(38, 198, 218) | API Cyan | — |
| #ec407a | #ec407a | RGB(236, 64, 122) | Function Pink | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Overlay White | White Smoke |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Render Gray | Gray62 |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Surface Black | Eerie Black |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#26c6da | #ec407a | 1.82 |
#26c6da | #f5f5f5 | 1.89 |
#26c6da | #9e9e9e | 1.29 |
#ec407a | #9e9e9e | 1.4 |
