#007AFF Hex Color
An electric blue with high visibility
This high-intensity blue demands attention. Because it is so bright, designers favor #007aff for interactive elements like buttons or accents rather than full backgrounds. It supports black text with 5.2:1 contrast, exceeding the 4.5:1 WCAG requirement for body text. If you are learning what colors make blue, consider how this hex code balances pure saturation with screen brightness.
Questions about #007aff
What is #007aff in RGB, HSL and CMYK?
In RGB, #007aff is rgb(0, 122, 255), in HSL hsl(211, 100%, 50%) and in CMYK 100%, 52%, 0%, 0%.
What colors pair well with #007aff?
Because #007aff is so saturated, it works best when paired with neutral tones like light gray or charcoal. These neutrals allow the blue to pop as an accent, preventing the interface from feeling overwhelmed by too much pure color.
Is #007aff readable on white or black?
#007aff has a 4.01:1 contrast ratio on white and 5.22: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.