#3670CF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its saturated, cool blue character and medium brightness, #3670cf brings energy without feeling harsh. The hex code #3670cf suits calls to action, security interfaces, financial tools, and technology branding. Use it as a focused accent against navy or soft gray rather than a full-page background. White text reaches about 4.8:1 contrast, meeting WCAG AA for small body text.
Questions about #3670cf
What is #3670cf in RGB, HSL and CMYK?
In RGB, #3670cf is rgb(54, 112, 207), in HSL hsl(217, 61%, 51%) and in CMYK 74%, 46%, 0%, 19%.
What colors pair well with #3670cf?
Pair #3670cf with navy or charcoal for a grounded interface, or with soft gray and white for clean contrast; warm terracotta accents can add energy without competing with its cool blue base.
Why does #3670cf feel cool and energetic?
The strong blue hue and high saturation make #3670cf read as cool, focused, and energetic rather than soft or muted, making it effective for primary actions and technology interfaces against dark or neutral surroundings.
Is #3670cf readable on white or black?
#3670cf has a 4.79:1 contrast ratio on white and 4.37: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.