#005AF5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-voltage and uncompromisingly saturated, #005af5 demands attention. This shade works best as an accent rather than a full background, as its intensity can easily overwhelm a layout. It is a reliable choice for calls to action or technical UI elements where clarity is paramount. If you are learning how to make blue work in your palette, pair this hex code with stark white for high contrast.
Questions about #005af5
What is #005af5 in RGB, HSL and CMYK?
In RGB, #005af5 is rgb(0, 90, 245), in HSL hsl(218, 100%, 48%) and in CMYK 100%, 63%, 0%, 4%.
Where should I use #005af5 in a web layout?
Use #005af5 sparingly as a focal point, such as primary buttons, alert icons, or active link states, because its high saturation quickly fatigues the eye if applied to large background areas or body text. Pair it with neutral white or light grey for readability.
What colors complement #005af5 for a balanced palette?
Because #005af5 is so visually dominant, it works best when paired with desaturated, neutral tones like slate or crisp white to provide visual breathing room. To create high-energy contrast, look for opposite warm tones like orange or soft apricot.
Is #005af5 readable on white or black?
#005af5 has a 5.55:1 contrast ratio on white and 3.78: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.