#22BCC5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated cyan sits comfortably between cool and electric tones. Because of its high intensity, #22bcc5 serves best as a bold accent color rather than a full page background. It pairs exceptionally well with dark charcoal grays for high-contrast UI elements. With a 9.1:1 contrast ratio against black text, the hex code #22bcc5 remains accessible and sharp for clean, modern digital branding.
Questions about #22bcc5
What is #22bcc5 in RGB, HSL and CMYK?
In RGB, #22bcc5 is rgb(34, 188, 197), in HSL hsl(183, 71%, 45%) and in CMYK 83%, 5%, 0%, 23%.
How can I best use #22bcc5 in UI design?
#22bcc5 serves best as a purposeful accent color rather than a primary background to avoid overwhelming the user. It creates exceptional contrast against charcoal or deep navy text, making it perfect for call-to-action buttons or highlighted navigation indicators.
Is #22bcc5 readable on white or black?
#22bcc5 has a 2.31:1 contrast ratio on white and 9.06: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.