#1285B3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-toned blue has a cool, muted character that feels steady and professional. Because it offers a solid contrast ratio of 5.0:1 with black text, #1285b3 works well for primary UI buttons or navigation bars. It avoids the neon harshness of lighter cyans, making it a reliable base for corporate branding. Pair it with soft grays to keep the aesthetic clean and structured.
Questions about #1285b3
What is #1285b3 in RGB, HSL and CMYK?
In RGB, #1285b3 is rgb(18, 133, 179), in HSL hsl(197, 82%, 39%) and in CMYK 90%, 26%, 0%, 30%.
How can I use #1285b3 effectively in web design?
#1285b3 functions best as a primary action color or navigation highlight because it maintains a strong 5.0:1 contrast ratio against black text. Pair it with soft, neutral grays to ground the brightness and keep your interface aesthetic structured and clean.
Does #1285b3 read as warm or cool?
#1285b3 is a decidedly cool, mid-toned blue that avoids the neon intensity often found in brighter cyans. This makes it a versatile choice for professional environments where you need stability and focus rather than high-energy distraction.
Is #1285b3 readable on white or black?
#1285b3 has a 4.17:1 contrast ratio on white and 5.03: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.