#62B1FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, high-saturation blue feels sharp and precise, making it a natural fit for UI accents and icons in tech or financial branding. While #62b1ff stands out as an alert color, it can appear intense if used across large backgrounds. It pairs well with charcoal grays and maintains excellent readability with black text. The hex code for this cool shade is #62b1ff.
Questions about #62b1ff
What is #62b1ff in RGB, HSL and CMYK?
In RGB, #62b1ff is rgb(98, 177, 255), in HSL hsl(210, 100%, 69%) and in CMYK 62%, 31%, 0%, 0%.
How should I use #62b1ff in web design?
#62b1ff functions best as an accent color for action buttons, icons, or notification badges rather than large backgrounds. Because of its intense, high-energy saturation, it creates a sharp focal point that draws the user's eye immediately toward important interface elements.
What colors pair well with #62b1ff?
You can create a balanced, professional palette by pairing #62b1ff with neutral charcoal or deep slate grays to ground the brightness. For a modern tech look, it also maintains strong legibility and clean contrast when placed alongside dark text or deep navy tones.
Is #62b1ff readable on white or black?
#62b1ff has a 2.26:1 contrast ratio on white and 9.25: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.