#3C84FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma blue is electric and demanding. With its intense saturation, #3c84fc serves best as a small-scale accent for calls to action or UI highlights rather than a full background. It pairs exceptionally well with charcoal grays, though you might find what colors make gray useful if you need to adjust your neutrals. The hex code for this vivid blue is #3c84fc.
Questions about #3c84fc
What is #3c84fc in RGB, HSL and CMYK?
In RGB, #3c84fc is rgb(60, 132, 252), in HSL hsl(218, 97%, 61%) and in CMYK 76%, 48%, 0%, 1%.
How should I use #3c84fc in a UI design?
Use #3c84fc sparingly as an accent color for call-to-action buttons or state indicators rather than as a background. Its high saturation commands immediate attention, making it perfect for small, critical interaction points within a more neutral interface design.
What colors pair well with #3c84fc?
This vibrant blue pairs exceptionally well with charcoal or dark neutral grays, which allow the color to pop without visual strain. You can also create a high-contrast modern palette by pairing it with crisp white or deep off-black text.
Is #3c84fc readable on white or black?
#3c84fc has a 3.56:1 contrast ratio on white and 5.89: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.