#101731 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This inky, dark navy provides a solid foundation for corporate branding or moody user interfaces. Because #101731 is highly desaturated, it offers an excellent contrast for white typography, meeting readability standards with a 17.7:1 ratio. Pair this serious hue with muted metallic accents or warm gold to avoid a flat look. The hex code for this color is #101731.
Questions about #101731
What is #101731 in RGB, HSL and CMYK?
In RGB, #101731 is rgb(16, 23, 49), in HSL hsl(227, 51%, 13%) and in CMYK 67%, 53%, 0%, 81%.
How can I effectively pair #101731 in a UI design?
#101731 works best when paired with muted metallic accents or soft gold tones to prevent a flat, overly monochromatic appearance. Because it is highly desaturated, it maintains excellent readability with white typography, making it ideal for minimalist, high-contrast interfaces.
Is #101731 suitable for text-heavy layouts?
Yes, this color is an excellent choice for text-heavy layouts because it offers a 17.7:1 contrast ratio against white. Using #101731 as a background provides a softer, more sophisticated alternative to pure black while maintaining perfect accessibility for long-form reading.
Is #101731 readable on white or black?
#101731 has a 17.66:1 contrast ratio on white and 1.18: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.