#027AFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity blue demands attention, making it an ideal choice for high-action UI elements like primary buttons or alerts. While it overwhelms in large backgrounds, it works as a punchy 10% accent color against soft grays or white. Because it holds a 5.2:1 contrast ratio against black, you can safely use it for readable small text. The hex code for this vivid shade is #027aff.
Questions about #027aff
What is #027aff in RGB, HSL and CMYK?
In RGB, #027aff is rgb(2, 122, 255), in HSL hsl(212, 100%, 50%) and in CMYK 99%, 52%, 0%, 0%.
What is the best way to use #027aff in web design?
Use #027aff as a high-impact 10% accent color against neutral grays or white to prevent it from overwhelming your layout. It excels as a focal point for primary action buttons, alerts, or interactive links.
Is #027aff readable on white or black?
#027aff has a 4.01:1 contrast ratio on white and 5.23: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.