#5ABCE3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright yet lightly softened, #5abce3 is a cool cyan-blue with enough saturation to feel fresh without becoming harsh. It suits technology, aerospace, children’s products, and spring campaigns, especially as a supporting tone against navy or warm coral. Use it for UI panels and large accents. The hex code #5abce3 supports black body text at about a 9.7:1 contrast ratio.
Questions about #5abce3
What is #5abce3 in RGB, HSL and CMYK?
In RGB, #5abce3 is rgb(90, 188, 227), in HSL hsl(197, 71%, 62%) and in CMYK 60%, 17%, 0%, 11%.
Which colors pair well with #5abce3?
Is #5abce3 warm or cool, and what mood does it create?
#5abce3 reads as a cool cyan-blue because its blue component outweighs its red component, creating a fresh, open mood that works well for technology, aerospace, children’s products, and spring-focused designs.
Is #5abce3 readable on white or black?
#5abce3 has a 2.15:1 contrast ratio on white and 9.73: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.