#066CF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, electric blue demands immediate attention. It functions best as an accent or a primary call-to-action button rather than a full background. The hex code #066cf4 pairs surprisingly well with warm coral tones for modern interfaces. If you are curious about how to make blue, this pigment provides enough contrast for white text to remain perfectly legible at most design sizes.
Questions about #066cf4
What is #066cf4 in RGB, HSL and CMYK?
In RGB, #066cf4 is rgb(6, 108, 244), in HSL hsl(214, 95%, 49%) and in CMYK 98%, 56%, 0%, 4%.
How should I use #066cf4 in interface design?
#066cf4 works best as an accent color for primary buttons, active states, or notification badges rather than a dominant background. Because of its high intensity, it creates a strong visual hierarchy when used sparingly against neutral light backgrounds.
What colors pair well with #066cf4?
This vibrant blue pairs exceptionally well with warm, earthy tones like terracotta or soft coral for a balanced contrast. Using neutral charcoal or deep slate provides a sophisticated foundation that allows the electric energy of #066cf4 to remain the focal point.
Is #066cf4 readable on white or black?
#066cf4 has a 4.70:1 contrast ratio on white and 4.45:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.