#5EC0F3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5ec0f3 graphic
With its light value and fairly strong saturation, #5ec0f3 feels fresh, sparkling, and distinctly cool without becoming icy. This blueish hex code suits airy UI backgrounds, spring campaigns, and technology branding, while black text reaches about 10.3:1 contrast for clear small body copy. Use it as a bright supporting tone beside navy or charcoal.

Questions about #5ec0f3

What is #5ec0f3 in RGB, HSL and CMYK?
In RGB, #5ec0f3 is rgb(94, 192, 243), in HSL hsl(201, 86%, 66%) and in CMYK 61%, 21%, 0%, 5%.
What colors pair well with #5ec0f3 in a design?
#5ec0f3 pairs well with navy or charcoal for grounded contrast, while muted coral or warm sand can add energy without overpowering its clear cyan-blue character, and a light neutral keeps interfaces spacious. Keep warmer tones to small accents when blue leads.
Where does #5ec0f3 work best in a visual system?
#5ec0f3 works best as a bright supporting tone or broad interface background when the layout needs a youthful, dependable lift, especially in healthcare, finance, security, and technology work where its cool lightness feels clean and controlled.
Is #5ec0f3 readable on white or black?
#5ec0f3 has a 2.03:1 contrast ratio on white and 10.31: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.