#3D98D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated blue leans toward a professional and stable aesthetic. Because #3d98d3 maintains good contrast with black text, it functions well as a primary interface color for tech or financial applications. It feels reliable rather than vivid, making it an excellent choice for UI elements that require user trust. Use it as a dominant base color to keep designs feeling balanced, orderly, and accessible.
Questions about #3d98d3
What is #3d98d3 in RGB, HSL and CMYK?
In RGB, #3d98d3 is rgb(61, 152, 211), in HSL hsl(204, 63%, 53%) and in CMYK 71%, 28%, 0%, 17%.
Where should I use the blue #3d98d3 in UI design?
Use #3d98d3 as a primary brand or action color for applications requiring a sense of stability and professional trust, such as financial dashboards or corporate software. It maintains excellent readability against dark or light gray backgrounds, ensuring accessible contrast levels.
What colors pair well with #3d98d3 for a modern palette?
Is #3d98d3 readable on white or black?
#3d98d3 has a 3.16:1 contrast ratio on white and 6.63: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.