#1D69E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue demands attention without feeling abrasive. Because it is highly vivid, the hex code #1d69e0 works best as an accent color rather than a large background fill, where it can overwhelm the eye. It pairs cleanly with light greys for corporate UI elements. If you are experimenting with mixing blue, this shade serves as a reliable reference point for high-chroma, balanced tones.
Questions about #1d69e0
What is #1d69e0 in RGB, HSL and CMYK?
In RGB, #1d69e0 is rgb(29, 105, 224), in HSL hsl(217, 77%, 50%) and in CMYK 87%, 53%, 0%, 12%.
Where should I use #1d69e0 in a user interface?
#1d69e0 works best as an energetic accent color for call-to-action buttons or highlighted navigation items rather than a large background fill. Because it is highly vivid, it can quickly overwhelm the eye if used too broadly across a page.
What colors pair well with the #1d69e0 blue?
This vibrant blue pairs cleanly with neutral tones like soft light grey or crisp white to maintain a professional balance. For a stronger contrast, it works well alongside complementary orange tones which ground its intensity without clashing with the primary blue.
Is #1d69e0 readable on white or black?
#1d69e0 has a 5.06:1 contrast ratio on white and 4.14: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.