#186196 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#186196 is a muted, desaturated blue that feels serious and grounded. Its darkness provides enough contrast for white text to remain legible, making it an excellent choice for UI backgrounds where readability matters. Use this hex code as a stable foundation for professional branding or data-heavy interfaces. It pairs well with crisp off-whites to avoid looking too gloomy or cold.
Questions about #186196
What is #186196 in RGB, HSL and CMYK?
In RGB, #186196 is rgb(24, 97, 150), in HSL hsl(205, 72%, 34%) and in CMYK 84%, 35%, 0%, 41%.
What colors pair well with #186196?
Pair #186196 with crisp off-white or cream shades to maintain high contrast and professional readability. To avoid a gloomy aesthetic, balance this deep blue with lighter neutral accents rather than competing dark tones or oversaturated primaries.
Is #186196 suitable for UI text?
#186196 works exceptionally well as a background color for interfaces, providing a stable foundation that allows white text to pop clearly. Its desaturated nature reduces eye strain compared to brighter blues, making it ideal for data-heavy dashboard designs.
Is #186196 readable on white or black?
#186196 has a 6.58:1 contrast ratio on white and 3.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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.