#133441 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty cyan with significant depth, #133441 offers a grounded alternative to standard navy. Its low saturation keeps it from appearing too loud, making it an excellent base for serious or tech-focused branding. Because this hex code is quite dark, pair it with bright off-whites for maximum readability. It provides a moody, expansive backdrop that works effectively for modern UI backgrounds.
Questions about #133441
What is #133441 in RGB, HSL and CMYK?
In RGB, #133441 is rgb(19, 52, 65), in HSL hsl(197, 55%, 16%) and in CMYK 71%, 20%, 0%, 75%.
What colors complement #133441 best for UI design?
Because #133441 is a dark, low-saturation cyan, it pairs most effectively with cream or soft beige backgrounds to maintain high readability. You can also ground the design by using light neutral accents, which provide a sophisticated contrast that keeps the layout from appearing too flat or harsh against the deep cyan.
Is #133441 suitable for text-heavy interface components?
No, #133441 is best reserved for backgrounds or large UI elements rather than small, fine text. Its dark, muted nature can easily lose legibility against similar mid-tone backgrounds, so reserve this color for structural layout elements or bold, large-scale typography to ensure users can read content easily without straining their eyes.
Is #133441 readable on white or black?
#133441 has a 13.16:1 contrast ratio on white and 1.59: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.