#31B0F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric blue is highly saturated and cool, pushing toward a neon intensity. Because of its high chroma, #31b0f5 works best as a primary call-to-action button or a small accent rather than a background color. It pairs surprisingly well with dark grays, providing high contrast and readability. The hex code for this vivid blue is #31b0f5, a reliable choice for tech-forward branding and financial interfaces.
Questions about #31b0f5
What is #31b0f5 in RGB, HSL and CMYK?
In RGB, #31b0f5 is rgb(49, 176, 245), in HSL hsl(201, 91%, 58%) and in CMYK 80%, 28%, 0%, 4%.
Where is the best place to use #31b0f5 in a design?
Because #31b0f5 is so highly saturated, it works best as a primary call-to-action button or a small accent rather than a background color. It catches the eye instantly without overwhelming the user when used in smaller, strategic doses across modern tech interfaces.
What colors pair well with #31b0f5?
This electric blue pairs surprisingly well with dark charcoal or deep navy tones, which provide the high contrast needed for readability. If you need a secondary accent, sticking to neutral grays ensures the vivid nature of #31b0f5 remains the central focus.
Is #31b0f5 readable on white or black?
#31b0f5 has a 2.42:1 contrast ratio on white and 8.65: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.