According to PageSpeed Insights, the ideal color contrast ratio between text and background colors is 4.5:1 for small text and 3:1 for large text (above 18pt or 14pt bold). This means that the colors should have enough difference in brightness and hue to make the text legible.
One way to find a suitable orange color for your background is to use a tool like Color Contrast Checker, which lets you adjust the hue, saturation, and brightness of the colors and shows you the contrast ratio.
Some of the colors are not very appealing or suitable for text, such as green or purple. However, some of the colors are quite nice, such as dark blue or brown. You can also see that black has a contrast ratio of 6.1:1 with orange, which is higher than white’s 3.3:1. This means that black is technically more accessible than white, but it may not look as good aesthetically.
Ultimately, the choice of orange color and text color depends on your design preferences and your target audience. You may want to test different combinations and see how they look on different devices and browsers. You may also want to consider other factors that affect readability, such as font size, font weight, spacing, and alignment.
Follow my posts on Twitter
Related Posts
Keep Reading
Comments are closed.
