#157FE0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue commands attention with its intense, beaming character. Because it holds a strong contrast ratio against black, the hex code #157fe0 works well for UI elements that require readability, like buttons or navigational highlights. It can feel overpowering as a full background, so use it as a 10% accent. For other shades of blue to create a balanced palette, pair this tone with muted grays.
Questions about #157fe0
What is #157fe0 in RGB, HSL and CMYK?
In RGB, #157fe0 is rgb(21, 127, 224), in HSL hsl(209, 83%, 48%) and in CMYK 91%, 43%, 0%, 12%. Browse more shades of blue with names and hex codes.
Where should I use #157fe0 in my design?
Since #157fe0 is a highly saturated blue, it works most effectively as a 10% accent in your interface for primary buttons or navigational highlights. Using it as a full background often feels overpowering and visually exhausting, so keep it limited to small, interactive elements.
What colors pair well with #157fe0?
You can balance the intensity of #157fe0 by pairing it with charcoal or various muted grays for text and structural elements. These neutral tones provide a necessary visual anchor that prevents the vibrant blue from dominating the entire composition or hurting the viewer's eyes.
Is #157fe0 readable on white or black?
#157fe0 has a 4.08:1 contrast ratio on white and 5.14: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.