#1E6D84 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #1e6d84 graphic
A muted cyan with gray undertones, #1e6d84 carries a serious, withdrawn character. Its desaturated quality makes it a reliable choice for dark mode UI backgrounds where high contrast is necessary. White text pops well against this shade, offering excellent readability. If you are learning how to make gray, consider this hex code a perfect example of a cool, complex neutral that adds depth without overwhelming a palette.

Questions about #1e6d84

What is #1e6d84 in RGB, HSL and CMYK?
In RGB, #1e6d84 is rgb(30, 109, 132), in HSL hsl(194, 63%, 32%) and in CMYK 77%, 17%, 0%, 48%.
Where should I use #1e6d84 in my UI design?
#1e6d84 functions best as a background or container color in dark mode interfaces, offering enough depth to support white or light gray text without causing eye strain. It provides a grounded, steady aesthetic that feels professional and calm.
What colors pair well with #1e6d84?
This muted cyan pairs effectively with warm neutrals like cream or sand to balance its coolness, while brighter accents like a soft mustard yellow create a sophisticated, high-contrast look suitable for modern web buttons or call-to-action elements.
Is #1e6d84 readable on white or black?
#1e6d84 has a 5.87:1 contrast ratio on white and 3.57: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.