#3155B3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3155b3 is a saturated, medium-dark blue with a cool, slightly violet undertone. Its strong color brings energy and focus to buttons, links, and brand accents without feeling harsh. Use it as a supporting tone beside warm burgundy or pale gray. White text reaches about 6.8:1 contrast, making this hex code suitable for accessible interface elements and bold headings.
Questions about #3155b3
What is #3155b3 in RGB, HSL and CMYK?
In RGB, #3155b3 is rgb(49, 85, 179), in HSL hsl(223, 57%, 45%) and in CMYK 73%, 53%, 0%, 30%. Browse more shades of blue with names and hex codes.
What colors pair well with #3155b3?
#3155b3 pairs well with warm burgundy for a richer palette or pale gray for a cleaner interface, while white text keeps the combination crisp and preserves the blue’s cool, focused character.
Does #3155b3 read as warm or cool?
#3155b3 reads as a cool blue because its saturated base carries a slight violet undertone, making it effective for focused buttons, links, dashboards, and brand accents that need energy without harshness.
Is #3155b3 readable on white or black?
#3155b3 has a 6.81:1 contrast ratio on white and 3.08:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.