Created at 07/08/2025 08:12
React Component Signal Flow
JSX Yellow
#f7df1e
Props Pink
#ff6f91
State Navy
#2f3c7e
Hook Seafoam
#55d6be
Ref Snow
#f7f7f7
DOM Gray
#6c757d
The palette consists of Light colors. Accent colors Props Pink #ff6f91 and Hook Seafoam #55d6be. Palette has Warm, Cool, Neutral colors temperature.
Palette React Component Signal Flow has combination of 6 codes colors:
HEX: #f7df1e, RGB: (247, 223, 30); HEX: #ff6f91, RGB: (255, 111, 145); HEX: #2f3c7e, RGB: (47, 60, 126)
HEX: #55d6be, RGB: (85, 214, 190); HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #6c757d, RGB: (108, 117, 125)
Simplified version of palette colors
Shade of gold, Shade of palevioletred, Tint of darkslateblue, Tint of turquoise, Shade of whitesmoke, Tint of slategrey
Color scheme was created by colorday
Colors codes in palette
React Component Signal Flow color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f7df1e | #f7df1e | RGB(247, 223, 30) | JSX Yellow | — |
| #ff6f91 | #ff6f91 | RGB(255, 111, 145) | Props Pink | — |
| #2f3c7e | #2f3c7e | RGB(47, 60, 126) | State Navy | — |
| #55d6be | #55d6be | RGB(85, 214, 190) | Hook Seafoam | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Ref Snow | Lynx White |
| #6c757d | #6c757d | RGB(108, 117, 125) | DOM Gray | Pompeii Ash |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f7df1e | #ff6f91 | 1.95 |
#f7df1e | #55d6be | 1.32 |
#f7df1e | #f7f7f7 | 1.26 |
#ff6f91 | #55d6be | 1.48 |
#ff6f91 | #6c757d | 1.77 |
#55d6be | #f7f7f7 | 1.66 |
