#324F7E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#324f7e is a muted, desaturated blue with a dusty, matte finish. It functions best as a dominant base for corporate or tech interfaces, establishing a sense of serious, reliable authority. With an 8.2:1 contrast ratio against white text, it remains legible even for body copy. Pair it with light, warm grays to prevent this shade from feeling too bleak or cold in your layout.
Questions about #324f7e
What is #324f7e in RGB, HSL and CMYK?
In RGB, #324f7e is rgb(50, 79, 126), in HSL hsl(217, 43%, 35%) and in CMYK 60%, 37%, 0%, 51%.
How can I balance the cool nature of #324f7e in a layout?
You should pair #324f7e with warm, light neutrals like warm gray or soft cream tones to prevent the interface from appearing too clinical or cold. Introducing these warmer elements helps ground the blue, making it feel more approachable and balanced.
Is #324f7e suitable for text-heavy user interfaces?
Yes, #324f7e maintains a strong 8.2:1 contrast ratio against white backgrounds, which meets high-level accessibility standards for legibility. It works exceptionally well as a primary text color or for UI elements that require both focus and long-term readability.
Is #324f7e readable on white or black?
#324f7e has a 8.21:1 contrast ratio on white and 2.55: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 is too faint for text. Try other pairs in the contrast checker.