#4BD6C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This shade is a high-chroma, pastel teal that feels crisp and energetic. Because it is quite bright, use it as a striking accent for buttons or icons rather than a large background. Black text remains perfectly legible against this hex code, #4bd6c4. Try pairing it with dark, matte grays for a clean look in tech or wellness projects.
Questions about #4bd6c4
What is #4bd6c4 in RGB, HSL and CMYK?
In RGB, #4bd6c4 is rgb(75, 214, 196), in HSL hsl(172, 63%, 57%) and in CMYK 65%, 0%, 8%, 16%.
How should I use #4bd6c4 in user interface design?
Use #4bd6c4 as a high-impact accent color for primary call-to-action buttons or navigation icons rather than large background areas. It creates a crisp, modern feel when paired with charcoal text or dark matte surfaces to ensure the high-chroma tone remains legible and grounded.
Does #4bd6c4 work well with dark or light backgrounds?
The color #4bd6c4 performs best against dark backgrounds like charcoal or deep navy, where its vibrant pastel quality pops significantly. On white backgrounds, it can appear quite intense, so keep its application limited to smaller UI elements to avoid visual fatigue for your users.
Is #4bd6c4 readable on white or black?
#4bd6c4 has a 1.79:1 contrast ratio on white and 11.71: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.