#3C97E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated blue feels direct and professional without losing its energy. Because it is highly legible, it works well as a primary accent color for UI elements in finance or tech interfaces where clarity matters. The hex code for this cool shade is #3c97e2. While black text provides excellent contrast for readability, use this tone sparingly to avoid overwhelming your layout.
Questions about #3c97e2
What is #3c97e2 in RGB, HSL and CMYK?
In RGB, #3c97e2 is rgb(60, 151, 226), in HSL hsl(207, 74%, 56%) and in CMYK 73%, 33%, 0%, 11%.
What color schemes work well with #3c97e2?
This blue anchors modern UI designs effectively when paired with neutral charcoal or soft off-white backgrounds to maintain readability. For high-contrast accents, try balancing it with a warm orange to create a dynamic, complementary look that feels energized yet controlled.
Is #3c97e2 readable on white or black?
#3c97e2 has a 3.12:1 contrast ratio on white and 6.71: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.