#50B3F1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, light-toned blue carries a clean and optimistic feel without appearing too sugary. Because it maintains high visibility, the hex code #50b3f1 works exceptionally well for UI backgrounds and primary buttons where readability matters. Pair it with dark charcoal grays rather than pure black to avoid harsh contrast, or use it as a 60% base color for clean, professional health and technology interfaces.
Questions about #50b3f1
What is #50b3f1 in RGB, HSL and CMYK?
In RGB, #50b3f1 is rgb(80, 179, 241), in HSL hsl(203, 85%, 63%) and in CMYK 67%, 26%, 0%, 5%.
How should I use #50b3f1 in a professional UI design?
Use #50b3f1 as a primary action color or button background to draw user attention without visual clutter. It works best when paired with dark charcoal text for contrast, ensuring high readability while signaling a clean, modern aesthetic for technology or healthcare applications.
Is #50b3f1 readable on white or black?
#50b3f1 has a 2.31:1 contrast ratio on white and 9.05:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.