Created at 10/03/2025 22:04
React JS UI Kit Hyperlink Web 3 Gradient
Component Blue
#2979ff
State Green
#1de9b6
Prop Sun Yellow
#ffeb3b
Context Beige
#f5f5dc
Hook Orange
#ff9100
Immutable Gray
#757575
Router Violet
#6200ea
The palette consists of Light, Dark colors. Accent colors Component Blue #2979ff and Prop Sun Yellow #ffeb3b. Palette has Cool, Warm, Neutral colors temperature.
Palette React JS UI Kit Hyperlink Web 3 Gradient has combination of 7 codes colors:
HEX: #2979ff, RGB: (41, 121, 255); HEX: #1de9b6, RGB: (29, 233, 182); HEX: #ffeb3b, RGB: (255, 235, 59)
HEX: #f5f5dc, RGB: (245, 245, 220); HEX: #ff9100, RGB: (255, 145, 0); HEX: #757575, RGB: (117, 117, 117)
HEX: #6200ea, RGB: (98, 0, 234)
Simplified version of palette colors
Shade of royalblue, Tint of aquamarine, Tint of Yellow, beige, Shade of darkorange, Shade of dimgrey, Shade of Blue
Color scheme was created by colorday
Colors codes in palette
React JS UI Kit Hyperlink Web 3 Gradient color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2979ff | #2979ff | RGB(41, 121, 255) | Component Blue | — |
| #1de9b6 | #1de9b6 | RGB(29, 233, 182) | State Green | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Prop Sun Yellow | — |
| #f5f5dc | #f5f5dc | RGB(245, 245, 220) | Context Beige | Holy White |
| #ff9100 | #ff9100 | RGB(255, 145, 0) | Hook Orange | — |
| #757575 | #757575 | RGB(117, 117, 117) | Immutable Gray | Sonic Silver |
| #6200ea | #6200ea | RGB(98, 0, 234) | Router Violet | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2979ff | #ff9100 | 1.76 |
#2979ff | #757575 | 1.15 |
#2979ff | #6200ea | 1.94 |
#1de9b6 | #ffeb3b | 1.28 |
#1de9b6 | #f5f5dc | 1.41 |
#1de9b6 | #ff9100 | 1.43 |
Image palette React JS UI Kit Hyperlink Web 3 Gradient png
Export Palette
Download the "React JS UI Kit Hyperlink Web 3 Gradient" in multiple formats for seamless integration into your design projects.
Available formats: