#3150CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3150cc is an intense, saturated blue that demands attention. Because it is highly vibrant, use it sparingly as an accent rather than a full page background to avoid visual fatigue. It pairs well with crisp white text for excellent accessibility contrast. This hex code works best in tech and security branding where reliability and strength are the design goals.
Questions about #3150cc
What is #3150cc in RGB, HSL and CMYK?
In RGB, #3150cc is rgb(49, 80, 204), in HSL hsl(228, 61%, 50%) and in CMYK 76%, 61%, 0%, 20%.
What colors pair well with #3150cc for a balanced interface?
This vibrant blue works best when balanced by crisp, neutral tones that allow its intensity to stand out without overwhelming the viewer. Pair #3150cc with white for maximum legibility or a deep slate to create a professional, secure aesthetic for modern dashboards.
Is #3150cc suitable for use as a primary background color?
Because #3150cc is highly saturated and intense, it is generally too vibrant to use as a full-page background color without causing visual fatigue. Instead, reserve this shade for functional elements like call-to-action buttons, active states, or icons to maintain a comfortable user experience.
Is #3150cc readable on white or black?
#3150cc has a 6.66:1 contrast ratio on white and 3.14:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.