#315E9F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated blue carries a serious, reliable weight ideal for professional UI designs. It functions best as a dominant base color, providing enough contrast for white text to remain readable at small sizes. Pair #315e9f with soft greys or slate tones to avoid a muddy appearance. The hex code for this dim, nautical shade is #315e9f, making it a functional choice for finance or technology interfaces.
Questions about #315e9f
What is #315e9f in RGB, HSL and CMYK?
In RGB, #315e9f is rgb(49, 94, 159), in HSL hsl(215, 53%, 41%) and in CMYK 69%, 41%, 0%, 38%.
Why does #315e9f work well for professional UI?
The unsaturated nature of #315e9f minimizes eye strain during extended use, making it an ideal anchor for financial dashboards or data-heavy software where clarity is essential. It provides a stable backdrop that allows white text to pop clearly.
Which colors create the best palette with #315e9f?
This blue pairs best with cool, neutral tones to maintain a serious and organized aesthetic. Try incorporating soft slate or light gray accents to balance the depth of the color without introducing distracting contrast.
Is #315e9f readable on white or black?
#315e9f has a 6.49:1 contrast ratio on white and 3.23: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.