#3274DE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, bold blue commands attention without feeling aggressive. Because it is highly legible against white and dark backgrounds alike, #3274de works exceptionally well as a primary CTA button or icon color for tech interfaces. Pair this hex code with a warm orange or coral to add unexpected contrast, or use it sparingly as a 10% accent to ground complex UI layouts.
Questions about #3274de
What is #3274de in RGB, HSL and CMYK?
In RGB, #3274de is rgb(50, 116, 222), in HSL hsl(217, 72%, 53%) and in CMYK 77%, 48%, 0%, 13%.
How should I use #3274de in a user interface?
#3274de functions best as a primary action button or active icon state where high legibility is required. Because it carries a strong, saturated presence, it effectively draws the user eye without the visual strain often found in darker navies.
What colors pair well with #3274de?
Is #3274de readable on white or black?
#3274de has a 4.47:1 contrast ratio on white and 4.68: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.