#30C5CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright cyan creates a fresh, cooling effect in digital interfaces. Because it is highly saturated, it works best as a punchy accent color rather than a primary background. It looks clean against high-contrast black text. If you struggle to balance its intensity, mixing gray can help tone it down for more subtle brand palettes. The hex code for this color is #30c5cc.
Questions about #30c5cc
What is #30c5cc in RGB, HSL and CMYK?
In RGB, #30c5cc is rgb(48, 197, 204), in HSL hsl(183, 62%, 49%) and in CMYK 76%, 3%, 0%, 20%.
What is the best way to balance the intensity of #30c5cc in a design?
Because #30c5cc is highly saturated, it often overwhelms layouts when used as a primary background. Pair it with neutral shades like charcoal to ground the energy, using the cyan only for buttons or small interface highlights.
Is #30c5cc readable on white or black?
#30c5cc has a 2.10:1 contrast ratio on white and 9.98: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.