#3D86CE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3d86ce is a cool, moderately muted blue with a slight gray undertone. Its medium lightness feels steady and controlled, supporting trust, reliability, and security in digital products. Use it as a dominant UI or brand color, with black text for clear contrast. The hex code #3d86ce fits finance, healthcare, technology, and government design.
Questions about #3d86ce
What is #3d86ce in RGB, HSL and CMYK?
In RGB, #3d86ce is rgb(61, 134, 206), in HSL hsl(210, 60%, 52%) and in CMYK 70%, 35%, 0%, 19%.
What colors pair well with #3d86ce?
#3d86ce pairs well with warm off-white, charcoal, and muted terracotta, which soften its cool cast without competing with it. Use off-white for spacious layouts, charcoal for readable text, and terracotta sparingly as an accent.
Does #3d86ce read as warm or cool?
#3d86ce reads as cool because its blue base and moderate saturation keep the hue crisp without making it feel icy. That balance gives interfaces a dependable tone while avoiding the visual heaviness associated with darker navy blues.
Is #3d86ce readable on white or black?
#3d86ce has a 3.81:1 contrast ratio on white and 5.49: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.