#369CBB Hex Color
A grounded and airy cool cyan
#369cbb is an unsaturated, cool cyan with a grounded, airy quality. Because it sits comfortably between blue and green, it works well as a primary interface color rather than just an accent. Pair it with soft charcoals for a modern tech aesthetic. With a 6.6:1 contrast against black text, this hex code ensures excellent readability for body content and small UI elements.
Questions about #369cbb
What is #369cbb in RGB, HSL and CMYK?
In RGB, #369cbb is rgb(54, 156, 187), in HSL hsl(194, 55%, 47%) and in CMYK 71%, 17%, 0%, 27%.
Where should I use #369cbb in a UI design?
#369cbb works exceptionally well as a primary interface color because it maintains high readability against black text. Use it for main buttons, navigation bars, or active state highlights where you need a professional, tech-forward aesthetic without overwhelming the user.
What colors pair best with #369cbb?
Pair #369cbb with charcoal or deep slate grays to create a sophisticated, modern tech aesthetic. Because it balances blue and green, it also complements neutral creams or crisp white backgrounds if you want to keep the overall interface feeling light and open.
Is #369cbb readable on white or black?
#369cbb has a 3.16:1 contrast ratio on white and 6.62: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.