#50B0DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, mid-tone blue carries a friendly, approachable energy without veering into overly neon territory. Its high legibility makes #50b0dd a solid choice for body text or large-scale UI components like navigation bars. Because it offers strong contrast against black, it functions well as a reliable base color. Use this hex code when you need a professional look that still feels modern and accessible.
Questions about #50b0dd
What is #50b0dd in RGB, HSL and CMYK?
In RGB, #50b0dd is rgb(80, 176, 221), in HSL hsl(199, 67%, 59%) and in CMYK 64%, 20%, 0%, 13%. Browse more shades of blue with names and hex codes.
Does #50b0dd work well as a primary color for UI design?
Yes, #50b0dd is highly effective as a primary UI color because it balances friendliness with professional clarity. Its mid-tone nature ensures text remains readable while providing enough saturation to create distinct, interactive buttons or navigation headers that stand out clearly against light backgrounds.
What colors pair well with #50b0dd for a balanced palette?
You can create a professional scheme by pairing #50b0dd with charcoal for text contrast or soft gray for structural backgrounds. For a vibrant, modern look, use it alongside complementary orange tones, which create a high-energy, accessible visual balance.
Is #50b0dd readable on white or black?
#50b0dd has a 2.44:1 contrast ratio on white and 8.59: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.