#00A7E1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-saturation cyan, #00a7e1 delivers a crisp, electric appearance that commands attention without feeling aggressive. Because it is so vivid, it works best as an accent color for UI elements or buttons rather than a full background, where it can easily overwhelm the eye. Pair it with dark grays to ground its intensity. The hex code for this cool blue is #00a7e1.
Questions about #00a7e1
What is #00a7e1 in RGB, HSL and CMYK?
In RGB, #00a7e1 is rgb(0, 167, 225), in HSL hsl(195, 100%, 44%) and in CMYK 100%, 26%, 0%, 12%.
What colors pair well with #00a7e1 in UI design?
#00a7e1 creates a balanced, professional look when grounded by charcoal or deep navy grays. Because of its electric, high-saturation nature, pairing it with neutral, dark tones keeps the interface readable while letting the blue pop as a primary action button or highlight.
Is #00a7e1 suitable for large background areas?
#00a7e1 is generally too intense for large backgrounds, as it can quickly overwhelm the viewer and cause eye strain. It performs significantly better as a functional accent color, such as for buttons, call-to-action links, or specific data visualizations.
Is #00a7e1 readable on white or black?
#00a7e1 has a 2.75:1 contrast ratio on white and 7.61: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.