#1604D8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-chroma blue carries a serious, authoritative weight perfect for corporate branding or moody UI backgrounds. Because #1604d8 is quite intense, it works best as a primary accent or a bold structural element rather than a full-page background. White text provides excellent readability against this shade, offering a contrast ratio of 10.3:1 for clear, accessible typography.
Questions about #1604d8
What is #1604d8 in RGB, HSL and CMYK?
In RGB, #1604d8 is rgb(22, 4, 216), in HSL hsl(245, 96%, 43%) and in CMYK 90%, 98%, 0%, 15%. Browse more shades of blue with names and hex codes.
How should I use #1604d8 in a website design?
#1604d8 serves best as a high-impact accent color rather than a primary background to avoid overwhelming the viewer. It commands attention when used for call-to-action buttons or navigation highlights, while maintaining excellent readability against clean white text.
What colors pair well with #1604d8?
Pair #1604d8 with neutral tones like light gray or pure white to allow its intensity to stand out without competing for visual hierarchy. For a bolder, complementary scheme, introduce subtle hints of a warm orange to create a striking, high-contrast effect.
Is #1604d8 readable on white or black?
#1604d8 has a 10.27:1 contrast ratio on white and 2.04: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 is too faint for text. Try other pairs in the contrast checker.