#1474EB Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #1474eb graphic
Reach for #1474eb when a call-to-action button needs to stand out. This saturated, cool blue is loud and bright, with enough depth to keep white text readable. It works best as an accent or link color, since full backgrounds can overwhelm a layout. Pair it with warm coral or sand tones to soften the intensity. The hex code #1474eb also clears WCAG AA for small text behind black type.

Questions about #1474eb

What is #1474eb in RGB, HSL and CMYK?
In RGB, #1474eb is rgb(20, 116, 235), in HSL hsl(213, 84%, 50%) and in CMYK 91%, 51%, 0%, 8%. Browse more shades of blue with names and hex codes.
What colors pair well with #1474eb?
Warm coral, sand, and amber tones balance its cool intensity, while charcoal keeps a layout grounded. Avoid placing it next to lighter blues, where it loses its punch.
Is #1474eb readable on white or black?
#1474eb has a 4.44:1 contrast ratio on white and 4.72: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.