#30A5A0 Hex Color

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

Hex color #30a5a0 graphic
#30a5a0 is a muted, cool cyan with distinct green undertones. This unsaturated shade provides high contrast for black text, making it a functional choice for UI elements and interface buttons. Because it carries a sterile, tech-forward quality, it works best as an accent color against warm grays rather than as a primary background. The hex code for this color is #30a5a0.

Questions about #30a5a0

What is #30a5a0 in RGB, HSL and CMYK?
In RGB, #30a5a0 is rgb(48, 165, 160), in HSL hsl(177, 55%, 42%) and in CMYK 71%, 0%, 3%, 35%.
What design aesthetic suits #30a5a0 best?
The sterile, tech-forward nature of #30a5a0 shines in clean, minimalist interfaces where a pop of cool color is needed. It functions best as an accent against neutral, warm gray tones to prevent the design from feeling overly cold.
Is #30a5a0 readable on white or black?
#30a5a0 has a 2.99:1 contrast ratio on white and 7.01:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.