#109AE5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#109ae5 is a high-intensity, saturated blue that demands attention. Because it is so vivid, it works best as a sharp accent color rather than a dominant background. Pair it with soft neutrals if you need to tone down its energy, or learn how to make gray to create balancing shades. Its brightness ensures excellent accessibility against black text for UI elements.
Questions about #109ae5
What is #109ae5 in RGB, HSL and CMYK?
In RGB, #109ae5 is rgb(16, 154, 229), in HSL hsl(201, 87%, 48%) and in CMYK 93%, 33%, 0%, 10%.
What colors pair well with #109ae5?
Because #109ae5 is so intense, it balances beautifully against neutral grays or a deep charcoal. These softer backgrounds allow the blue to pop without overwhelming the layout, making it an excellent choice for call-to-action buttons or highlights.
Is #109ae5 a good choice for text?
Using #109ae5 as body text is generally discouraged due to its high saturation, which can cause eye strain. However, it functions effectively for headlines or interactive elements where high visibility is needed, provided it sits against a high-contrast background.
Is #109ae5 readable on white or black?
#109ae5 has a 3.09:1 contrast ratio on white and 6.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.