#2A334C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2a334c is a dusty, unsaturated blue with strong gray undertones. Because it sits so close to black, designers use this hex code as a softer, more approachable alternative for dark backgrounds in finance or security interfaces. While you can learn what colors make black by mixing primaries, this shade stands best as a solid base. It offers excellent readability for white text.
Questions about #2a334c
What is #2a334c in RGB, HSL and CMYK?
In RGB, #2a334c is rgb(42, 51, 76), in HSL hsl(224, 29%, 23%) and in CMYK 45%, 33%, 0%, 70%.
Why use #2a334c instead of pure black for UI design?
Using #2a334c creates a softer, more approachable aesthetic than harsh black while maintaining high contrast. It is perfect for professional interfaces where you need serious, trustworthy tones that remain easy on the eyes during prolonged periods of viewing.
What colors pair well with #2a334c in a palette?
Pair this shade with soft whites or light grays for text to ensure legibility and clean lines. For accent colors, it works surprisingly well with warm gold or muted terracotta tones to balance its cool, gray-blue foundation.
Is #2a334c readable on white or black?
#2a334c has a 12.52:1 contrast ratio on white and 1.67: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.