#0290F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, bright blue is high-impact and demands attention. Because it is so intense, it works best as a 10% accent color for calls to action or UI elements rather than as a dominant background. Black text remains readable against it, but white text can struggle. If you need other shades of blue that are easier on the eyes, the hex code for this primary tone is #0290f4.
Questions about #0290f4
What is #0290f4 in RGB, HSL and CMYK?
In RGB, #0290f4 is rgb(2, 144, 244), in HSL hsl(205, 98%, 48%) and in CMYK 99%, 41%, 0%, 4%.
How should I use #0290f4 in a professional interface?
Because #0290f4 is highly saturated, it is best utilized as a tactical accent color for call-to-action buttons rather than a background. Use it sparingly to guide user attention, ensuring that your layout maintains a clean, readable hierarchy.
Does #0290f4 work well with dark mode text?
This bright blue provides high contrast against dark backgrounds, making it an excellent choice for highlights or interactive elements in dark mode. Pair it with crisp white or very light gray text to maintain visual clarity.
Is #0290f4 readable on white or black?
#0290f4 has a 3.33:1 contrast ratio on white and 6.29:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.