#489FC3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan reads clean and cool, making it a reliable choice for professional UI design or corporate branding. With a strong contrast ratio against black text, it functions effectively as a base or secondary color in tech interfaces. Because it lacks extreme saturation, #489fc3 avoids harshness on the eyes, pairing beautifully with deep charcoal grays to create a modern, structured aesthetic. The hex code for this color is #489fc3.
Questions about #489fc3
What is #489fc3 in RGB, HSL and CMYK?
In RGB, #489fc3 is rgb(72, 159, 195), in HSL hsl(198, 51%, 52%) and in CMYK 63%, 18%, 0%, 24%.
How should I use #489fc3 in a professional UI design?
#489fc3 serves as an excellent primary or secondary action color because it maintains high visibility against dark backgrounds without appearing aggressive or overly saturated. It is particularly effective for tech dashboards where readability and a modern, structured aesthetic are prioritized.
What colors pair well with #489fc3?
Is #489fc3 readable on white or black?
#489fc3 has a 2.99:1 contrast ratio on white and 7.02: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.