#157FFD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#157ffd is a high-octane, saturated blue that demands attention. Because of its intensity and high chroma, it works best as a primary accent or call-to-action button rather than a background color. While black text provides excellent readability on this shade, it can easily overpower lighter neutrals. Understanding how to make blue helps when balancing this hue. The hex code for this blue is #157ffd.
Questions about #157ffd
What is #157ffd in RGB, HSL and CMYK?
In RGB, #157ffd is rgb(21, 127, 253), in HSL hsl(213, 98%, 54%) and in CMYK 92%, 50%, 0%, 1%.
Does #157ffd work well for large backgrounds?
Using #157ffd as a primary background color is generally overwhelming due to its high chroma and intensity. It functions much better as an accent color for buttons or highlights, where its energy can guide user attention without tiring the eye.
What colors pair best with #157ffd?
Because #157ffd is so saturated, it balances beautifully against neutral shades like charcoal or crisp white for high-contrast accessibility. To create a vibrant, harmonious scheme, pair it with complementary orange tones or soft, desaturated teals to ground the intensity.
Is #157ffd readable on white or black?
#157ffd has a 3.82:1 contrast ratio on white and 5.48: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.