#3D86A0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted cyan sits between blue and gray, offering a cool, balanced aesthetic that avoids being too vivid. Because it maintains strong contrast against black, the hex code #3d86a0 works well for UI elements like buttons or links where readability is required. Pair it with soft cream or warm gray to ground its cool temperature and avoid a sterile, overly clinical look in your designs.
Questions about #3d86a0
What is #3d86a0 in RGB, HSL and CMYK?
In RGB, #3d86a0 is rgb(61, 134, 160), in HSL hsl(196, 45%, 43%) and in CMYK 62%, 16%, 0%, 37%. Browse more shades of blue with names and hex codes.
What colors pair best with #3d86a0?
Because #3d86a0 is a balanced blue-gray, it works exceptionally well when paired with cream or warm gray to neutralize its cool temperature. These softer, earthy tones prevent the design from feeling overly clinical or sterile, adding a layer of warmth and sophistication.
Is #3d86a0 a good choice for interface design?
Yes, #3d86a0 is an excellent choice for UI elements like buttons or links because it maintains strong contrast against dark backgrounds while avoiding the sharpness of pure cyan. Its muted character keeps the interface readable without straining the eyes during prolonged use.
Is #3d86a0 readable on white or black?
#3d86a0 has a 4.10:1 contrast ratio on white and 5.11: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.