#315FA4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and slightly muted, #315fa4 has a cool blue cast that feels steady rather than vivid. Its low-to-moderate saturation suits finance, security, healthcare, and government interfaces, especially as a supporting background or strong brand base. White text reaches about 6.4:1 contrast here, meeting WCAG AA for body text. The hex code is #315fa4.
Questions about #315fa4
What is #315fa4 in RGB, HSL and CMYK?
In RGB, #315fa4 is rgb(49, 95, 164), in HSL hsl(216, 54%, 42%) and in CMYK 70%, 42%, 0%, 36%.
What colors pair well with #315fa4?
#315fa4 pairs well with white for clear contrast, while soft gray, pale blue, and warm neutrals create balanced interfaces without competing with its cool, steady character in dashboards, forms, and product layouts.
Is #315fa4 a warm or cool color?
#315fa4 reads as a cool blue because its hue leans toward blue with restrained saturation and a dark value, giving it a calm, dependable feel that suits navigation, security screens, healthcare tools, and formal communication.
Is #315fa4 readable on white or black?
#315fa4 has a 6.35:1 contrast ratio on white and 3.30: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.