#549BC1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mid-tone blue carries a grounded, professional weight without feeling overly clinical. It works best as a secondary or accent color, as its moderate contrast pairs exceptionally well with black text for legible UI elements. The hex code for this color is #549bc1. Designers favor it in corporate branding and secure digital interfaces, where it conveys stability without appearing too loud or bright.
Questions about #549bc1
What is #549bc1 in RGB, HSL and CMYK?
In RGB, #549bc1 is rgb(84, 155, 193), in HSL hsl(201, 47%, 54%) and in CMYK 56%, 20%, 0%, 24%.
What colors pair well with #549bc1 for a balanced design?
#549bc1 functions best when anchored by neutral tones like charcoal or slate, which provide the necessary depth to keep your interface from feeling flat. You can also introduce soft cream or off-white backgrounds to allow this blue to stand out without competing for visual hierarchy.
Is #549bc1 readable on white or black?
#549bc1 has a 3.07:1 contrast ratio on white and 6.83:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.