#3284FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bold, saturated blue with real punch. #3284ff reads bright and cool, so it works best as an accent, link, or call to action rather than a full background, where it can overpower a layout. The hex code #3284ff keeps the trustworthy feel of blue while adding loud, energetic contrast, and black text on it hits about 5.9:1, enough for WCAG AA body text. If you want to mix similar tones, see what colors make blue.
Questions about #3284ff
What is #3284ff in RGB, HSL and CMYK?
In RGB, #3284ff is rgb(50, 132, 255), in HSL hsl(216, 100%, 60%) and in CMYK 80%, 48%, 0%, 0%.
What colors pair well with #3284ff?
Coral and warm orange create a bold complementary pairing, while charcoal and navy ground it for more restrained layouts. Use cream instead of white if the blue feels too stark against light backgrounds.
Is #3284ff readable on white or black?
#3284ff has a 3.57:1 contrast ratio on white and 5.88: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.