Created at 06/30/2025 17:17
React UI Hyperlink Contrast
Ocean Signal
#0077ff
Component Ivory
#f8f9fa
Anchor Slate
#334155
Hook Pink
#ff6f91
Framework Grey
#e5e7eb
Lint Lime
#a0ffb3
The palette consists of Light colors. Accent colors Hook Pink #ff6f91 and Lint Lime #a0ffb3. Palette has Cool, Neutral, Warm colors temperature.
Palette React UI Hyperlink Contrast has combination of 6 codes colors:
HEX: #0077ff, RGB: (0, 119, 255); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #334155, RGB: (51, 65, 85)
HEX: #ff6f91, RGB: (255, 111, 145); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #a0ffb3, RGB: (160, 255, 179)
Simplified version of palette colors
Tint of royalblue, Shade of whitesmoke, Tint of darkslateblue, Shade of palevioletred, Shade of gainsboro, Shade of palegreen
Color scheme was created by bad_colors
Colors codes in palette
React UI Hyperlink Contrast color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #0077ff | #0077ff | RGB(0, 119, 255) | Ocean Signal | Blue Sparkle |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Component Ivory | — |
| #334155 | #334155 | RGB(51, 65, 85) | Anchor Slate | — |
| #ff6f91 | #ff6f91 | RGB(255, 111, 145) | Hook Pink | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Framework Grey | — |
| #a0ffb3 | #a0ffb3 | RGB(160, 255, 179) | Lint Lime | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#0077ff | #ff6f91 | 1.56 |
#f8f9fa | #e5e7eb | 1.17 |
#f8f9fa | #a0ffb3 | 1.14 |
#e5e7eb | #a0ffb3 | 1.02 |
