#2F364F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty indigo is heavily muted, making it an excellent choice for dark UI backgrounds. Because the shade is quite dark, white text stands out clearly against this hex code #2f364f, achieving an 11.9:1 contrast ratio. It lacks intensity, which keeps the tone serious and grounded. Pair it with soft, warm metallics to prevent the overall design from feeling too bleak or cold.
Questions about #2f364f
What is #2f364f in RGB, HSL and CMYK?
In RGB, #2f364f is rgb(47, 54, 79), in HSL hsl(227, 25%, 25%) and in CMYK 41%, 32%, 0%, 69%.
Why is #2f364f a strong choice for interface design?
This hex color functions as a grounded, muted alternative to standard black, providing better readability without the visual strain of pure darkness. Its high contrast ratio with white text makes it a reliable base for dark mode layouts.
What color combinations work best with #2f364f?
To prevent this cool-toned indigo from feeling too bleak, balance it with warm accents like copper or soft gold. These metallic tones introduce needed warmth, creating a sophisticated visual hierarchy against the stable, serious nature of the blue base.
Is #2f364f readable on white or black?
#2f364f has a 11.92:1 contrast ratio on white and 1.76: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.