#369CF1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric blue commands attention with its intense, beaming presence. Because it sits high on the saturation scale, #369cf1 functions best as a UI accent color rather than a large background. Pair this hex code with a dark charcoal or slate gray to anchor its brightness. It offers excellent contrast for black text, making it a reliable choice for buttons, links, and high-visibility data visualizations.
Questions about #369cf1
What is #369cf1 in RGB, HSL and CMYK?
In RGB, #369cf1 is rgb(54, 156, 241), in HSL hsl(207, 87%, 58%) and in CMYK 78%, 35%, 0%, 5%.
Where should I use #369cf1 in my UI design?
#369cf1 works best as a primary action color for buttons, links, or specific data points that require immediate attention. Because of its high saturation, avoid using this as a background color, as it can be overwhelming for the eye.
What colors pair well with #369cf1?
This electric blue creates a strong, modern visual balance when paired with neutral, dark shades like charcoal or deep slate grays. For a more adventurous palette, use it against clean white space or contrasting soft coral accents to temper its intensity.
Is #369cf1 readable on white or black?
#369cf1 has a 2.92:1 contrast ratio on white and 7.18:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.