#3D81D4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue carries a clear, assertive presence that works well for branding in finance and security. Because #3d81d4 is fairly saturated, it commands attention without straining the eye. It functions best as a primary interface color, especially paired with soft grays or white. With a 5.3:1 contrast ratio against black, this hex code remains legible even when applied to small, functional body text.
Questions about #3d81d4
What is #3d81d4 in RGB, HSL and CMYK?
In RGB, #3d81d4 is rgb(61, 129, 212), in HSL hsl(213, 64%, 54%) and in CMYK 71%, 39%, 0%, 17%. Browse more shades of blue with names and hex codes.
What colors pair well with #3d81d4 in a web design interface?
#3d81d4 works beautifully when balanced against neutral backgrounds like charcoal or crisp white to maintain high readability. Because the blue is quite saturated, using it alongside soft, muted grays prevents the interface from feeling too overwhelming for the user.
Is #3d81d4 suitable for body text on a white background?
Yes, #3d81d4 maintains a 5.3:1 contrast ratio against black, which meets standard accessibility requirements for larger text. However, for small body text, it is safer to use this color for UI elements like buttons and links, pairing it with dark gray for readability.
Is #3d81d4 readable on white or black?
#3d81d4 has a 3.97:1 contrast ratio on white and 5.28: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.