#22E2BC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#22e2bc is a highly saturated, neon-leaning teal that feels electric and fresh. Because of its intensity, use this hex code as a small accent color rather than a large background. It pairs exceptionally well with charcoal or neutral grays to ground its energy. Black text provides excellent readability against this shade, making it a functional choice for modern wellness or technology interfaces.
Questions about #22e2bc
What is #22e2bc in RGB, HSL and CMYK?
In RGB, #22e2bc is rgb(34, 226, 188), in HSL hsl(168, 77%, 51%) and in CMYK 85%, 0%, 17%, 11%.
What colors pair well with #22e2bc?
The intense brightness of #22e2bc is best balanced by dark, neutral tones that anchor its visual energy. Pair this hex color with deep charcoal or soft neutral grays to maintain readability while keeping the interface feeling fresh and modern.
How should I use #22e2bc in a design project?
Due to its high saturation, use #22e2bc sparingly as an accent for call-to-action buttons or highlights rather than large backgrounds. Using it too broadly can easily overwhelm the viewer and make text harder to read on screen.
Is #22e2bc readable on white or black?
#22e2bc has a 1.65:1 contrast ratio on white and 12.67: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.