#3A8EDC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and cool, #3a8edc brings a stable, professional tone to digital projects. It works effectively as a UI primary color because it maintains high contrast with standard black text. If you want to tone down its brightness, understanding what colors make gray helps you mix a more muted version for accent use. This hex code shines in SaaS dashboards or corporate security branding.
Questions about #3a8edc
What is #3a8edc in RGB, HSL and CMYK?
In RGB, #3a8edc is rgb(58, 142, 220), in HSL hsl(209, 70%, 55%) and in CMYK 74%, 35%, 0%, 14%.
What colors pair well with #3a8edc for a UI design?
Is #3a8edc a warm or cool blue?
#3a8edc is distinctly cool, carrying strong sky-blue undertones that feel stable and reliable rather than moody. Its inherent brightness makes it perform well in clean, minimalist design systems where a sense of clarity and trustworthiness is the primary goal.
Is #3a8edc readable on white or black?
#3a8edc has a 3.45:1 contrast ratio on white and 6.08: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.