#1483B3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue strikes a balance between professional and approachable. Because of its slightly muted saturation, #1483b3 works best as a primary interface color rather than a large background. It pairs exceptionally well with warm ochres or soft creams if you are curious about [what colors make gray] to soften your palette. The hex code #1483b3 offers enough contrast for legible small text when set against white.
Questions about #1483b3
What is #1483b3 in RGB, HSL and CMYK?
In RGB, #1483b3 is rgb(20, 131, 179), in HSL hsl(198, 80%, 39%) and in CMYK 89%, 27%, 0%, 30%.
How should I use #1483b3 in a user interface?
#1483b3 works best as a primary action color or button element because its muted saturation prevents it from overwhelming the user while remaining legible against white backgrounds. Pair it with neutral grays or soft creams to maintain a clean aesthetic.
What colors pair well with #1483b3?
To create a sophisticated palette, pair #1483b3 with warm ochre or soft cream for contrast, as these warm tones balance the cool nature of the blue. You can also use darker charcoal shades to ground the composition.
Is #1483b3 readable on white or black?
#1483b3 has a 4.26:1 contrast ratio on white and 4.92: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.