#3488F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Call-to-action buttons and link states are where #3488f0 does its best work. This strong blue is bright and saturated, so it grabs attention without reading as harsh as a deeper navy. Black text hits about 5.9:1 contrast on it, clearing AA for body copy. The hex code suits tech and finance brands that want energy backed by trust. Treat it as an accent; full-screen fills feel loud.
Questions about #3488f0
What is #3488f0 in RGB, HSL and CMYK?
In RGB, #3488f0 is rgb(52, 136, 240), in HSL hsl(213, 86%, 57%) and in CMYK 78%, 43%, 0%, 6%.
What text color works best on #3488f0?
Black text reads most clearly on #3488f0, with a contrast ratio of about 5.9:1. That clears the WCAG AA threshold of 4.5:1, so small body text stays readable. White text falls short for body copy and works only on large type.
What colors pair well with #3488f0?
#3488f0 pairs well with warm accents like terracotta or amber, which balance its cool intensity. It also sits comfortably beside charcoal and off-whites for a cleaner, more technical palette.
Is #3488f0 readable on white or black?
#3488f0 has a 3.54:1 contrast ratio on white and 5.92: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.