#4BEAB5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation cyan hue feels electric and impossible to ignore. Because it glows with such intensity, #4beab5 works best as a 10% accent color for UI elements or buttons rather than a background. Use it sparingly, as it can overwhelm subtle neutrals. Since it sits far from muted tones, mixing gray can help ground this hex code when your design needs more visual stability.
Questions about #4beab5
What is #4beab5 in RGB, HSL and CMYK?
In RGB, #4beab5 is rgb(75, 234, 181), in HSL hsl(160, 79%, 61%) and in CMYK 68%, 0%, 23%, 8%.
How can I use #4beab5 effectively in a UI design?
#4beab5 functions best as a high-contrast accent color for primary call-to-action buttons or small notification badges. Because its saturation is so intense, avoid using it as a text color or large background fill, as it causes significant eye strain on most screens.
Does #4beab5 work well with neutral colors?
This shade requires grounding to keep your design balanced, so pair it with deep, muted neutrals like charcoal or dark slate. These darker, desaturated tones provide the necessary visual weight to stop #4beab5 from overpowering the rest of your layout.
Is #4beab5 readable on white or black?
#4beab5 has a 1.52:1 contrast ratio on white and 13.73: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.