#48C4C4 Hex Color

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

Hex color #48c4c4 graphic
This bright cyan sits at a high saturation, offering a refreshing and clean aesthetic. Because it maintains strong visibility, the hex code #48c4c4 works best as an accent color to highlight specific UI elements or call-to-action buttons. Pair it with dark charcoal or deep navy for high-contrast professional designs. Black text reads clearly against this shade, making it a reliable choice for accessible, modern interfaces.

Questions about #48c4c4

What is #48c4c4 in RGB, HSL and CMYK?
In RGB, #48c4c4 is rgb(72, 196, 196), in HSL hsl(180, 51%, 53%) and in CMYK 63%, 0%, 0%, 23%.
What colors pair well with #48c4c4 in professional designs?
#48c4c4 creates a balanced, high-contrast look when paired with deep, neutral tones like charcoal or dark navy. These darker shades provide the necessary weight to ground the intense brightness of the cyan, ensuring your text remains readable and professional.
Is #48c4c4 suitable for use with black text?
Yes, #48c4c4 is a reliable choice for accessible interfaces because it provides enough contrast for standard black text to remain legible. Its high saturation and luminosity levels make it excellent for buttons or call-to-action elements that require immediate user attention.
Is #48c4c4 readable on white or black?
#48c4c4 has a 2.10:1 contrast ratio on white and 9.96: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.