#21396A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty navy projects serious authority and professional stability. Because it is desaturated and cool, #21396a works as a grounding base for corporate branding or moody UI layouts. It provides excellent contrast for white typography, meeting accessibility standards for small body text. Avoid using it in large, flat blocks where it can look overly dense, and instead pair it with muted corals for a balanced, modern palette.
Questions about #21396a
What is #21396a in RGB, HSL and CMYK?
In RGB, #21396a is rgb(33, 57, 106), in HSL hsl(220, 53%, 27%) and in CMYK 69%, 46%, 0%, 58%. Browse more shades of blue with names and hex codes.
What colors pair well with #21396a in a professional design?
#21396a works best when balanced by muted, warm tones to counteract its inherent coolness. Try pairing this dusty navy with a soft coral or a warm, desaturated terracotta to add visual interest without overwhelming the serious, grounded nature of the base color.
Is #21396a readable on white or black?
#21396a has a 11.30:1 contrast ratio on white and 1.85: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.