#3A74E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and saturated, #3a74e2 demands attention without feeling chaotic. This cool, bright blue works best as a primary action color in UI design, as it contrasts clearly against dark text for accessibility. While it shines in tech and security branding, use it sparingly as an accent to avoid visual fatigue. You might find it pairs surprisingly well when mixing gray for a balanced, modern palette.
Questions about #3a74e2
What is #3a74e2 in RGB, HSL and CMYK?
In RGB, #3a74e2 is rgb(58, 116, 226), in HSL hsl(219, 74%, 56%) and in CMYK 74%, 49%, 0%, 11%.
Which colors complement #3a74e2 for a balanced palette?
Because #3a74e2 is a cool, intense blue, it pairs well with neutral tones like charcoal or soft off-white to let the blue stand out. To create a more dynamic look, try pairing it with muted orange or soft terracotta tones.
Is #3a74e2 readable on white or black?
#3a74e2 has a 4.39:1 contrast ratio on white and 4.77: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.