#3196DE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue feels professional and cool, serving as a clean base for tech or financial branding. It functions well as a primary accent for buttons, where black text remains highly readable at a 6.5:1 contrast ratio. Use it to project reliability without appearing overly sterile. The hex code for this balanced blue is #3196de.
Questions about #3196de
What is #3196de in RGB, HSL and CMYK?
In RGB, #3196de is rgb(49, 150, 222), in HSL hsl(205, 72%, 53%) and in CMYK 78%, 32%, 0%, 13%. Browse more shades of blue with names and hex codes.
Does #3196de work well for web interface buttons?
This shade is an excellent choice for primary action buttons because it maintains high contrast against dark text while appearing approachable. It communicates reliability and fits seamlessly into professional design systems without feeling cold or overly corporate.
What colors pair well with #3196de for a balanced palette?
Is #3196de readable on white or black?
#3196de has a 3.20:1 contrast ratio on white and 6.54: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.