#272D3E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated blue leans heavily into gray, creating a somber and serious mood. Because it is so muted, #272d3e serves best as a dominant background for tech or finance interfaces where authority is needed. It offers exceptional readability for white text, exceeding standard contrast requirements. Pair it with a sharp, warm cream to offset the coolness and prevent the design from feeling too bleak.
Questions about #272d3e
What is #272d3e in RGB, HSL and CMYK?
In RGB, #272d3e is rgb(39, 45, 62), in HSL hsl(224, 23%, 20%) and in CMYK 37%, 27%, 0%, 76%. Browse more shades of black with names and hex codes.
What colors pair best with #272d3e for a balanced interface?
Use warm, light neutrals like cream or soft beige to prevent this cold blue-gray from feeling too bleak. Pairing #272d3e with warmer tones balances its serious, industrial undertones while maintaining enough contrast for comfortable reading on dark-mode interfaces.
Why is #272d3e a strong choice for UI backgrounds?
This color acts as a superior alternative to pure black because it offers a sophisticated, muted depth that reduces eye strain. The heavy gray saturation in #272d3e ensures that white or light-colored text remains highly legible, meeting strict contrast standards for professional web applications.
Is #272d3e readable on white or black?
#272d3e has a 13.71:1 contrast ratio on white and 1.53: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.