#16A1EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, brilliant blue commands immediate attention without feeling aggressive. Because of its high chroma, #16a1eb works best as a 10% accent color for calls to action rather than a dominant background. Black text remains readable against it, but you should still test legibility carefully. Designers often look for mixing gray strategies to ground this bright tone when it feels too electric for the composition.
Questions about #16a1eb
What is #16a1eb in RGB, HSL and CMYK?
In RGB, #16a1eb is rgb(22, 161, 235), in HSL hsl(201, 84%, 50%) and in CMYK 91%, 31%, 0%, 8%.
What is the best way to use #16a1eb in a design?
#16a1eb functions best as a focused accent color for calls to action rather than a primary background due to its intense saturation. It draws the eye instantly, so use it sparingly for about 10% of your total layout to maintain a balanced, modern visual hierarchy.
Which colors pair well with #16a1eb?
This vibrant tone pairs effectively with neutral grays or charcoal to ground its electric nature. If you need a more daring contrast, it sits nicely alongside soft coral tones, which help mitigate its high chroma and strong cooling blue influence in your design projects.
Is #16a1eb readable on white or black?
#16a1eb has a 2.86:1 contrast ratio on white and 7.33:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.