#1697D0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This crisp, cool blue features moderate saturation, making it a reliable choice for tech branding and professional UI components. #1697d0 creates a clean look when paired with dark charcoal grays. It remains readable for body text, as black text offers a 6.4:1 contrast ratio against this shade. The hex code #1697d0 works best as a primary interface accent rather than a full-page background.
Questions about #1697d0
What is #1697d0 in RGB, HSL and CMYK?
In RGB, #1697d0 is rgb(22, 151, 208), in HSL hsl(198, 81%, 45%) and in CMYK 89%, 27%, 0%, 18%.
What works best with #1697d0 in design?
This blue performs exceptionally well when paired with dark charcoal or deep slate grays to create a balanced, high-contrast look. It serves as an effective primary accent for UI components because it remains professional while avoiding the intensity of pure, saturated primaries.
Is #1697d0 suitable for body text?
It maintains a 6.4:1 contrast ratio against black, making it technically readable for smaller UI elements or icons, though it is often better reserved for buttons and accents. Using it sparingly ensures your digital interfaces remain clean and avoid overwhelming the user with excessive color density.
Is #1697d0 readable on white or black?
#1697d0 has a 3.29:1 contrast ratio on white and 6.37: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.