#4A6565 Hex Color

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

Hex color #4a6565 graphic
This dusty, muted cyan sits in a quiet space between blue and grey. Because it is highly desaturated, #4a6565 works best as a moody background or a subtle supporting element rather than a primary focus. Pair it with soft cream or warm beige to add life to its somber tone. It provides sufficient contrast for white body text, making it a functional choice for dark mode UI designs.

Questions about #4a6565

What is #4a6565 in RGB, HSL and CMYK?
In RGB, #4a6565 is rgb(74, 101, 101), in HSL hsl(180, 15%, 34%) and in CMYK 27%, 0%, 0%, 60%.
What colors pair well with #4a6565?
Because #4a6565 is highly desaturated, it pairs exceptionally well with warm neutrals like cream or beige to prevent the design from feeling too clinical. Use these warmer tones to add life and balance to the somber, blue-grey nature of the color.
Is #4a6565 suitable for text usage in UI designs?
#4a6565 is generally too muted to serve as a primary text color against white or light backgrounds without failing accessibility standards. However, it functions effectively as a background color for dark mode interfaces when paired with white or off-white typography.
Is #4a6565 readable on white or black?
#4a6565 has a 6.28:1 contrast ratio on white and 3.34: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.