#22B7B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its cool cyan balance and medium lightness, #22b7b7 feels fresh, open, and energetic without becoming harsh. This soft cyan color suits technology, communication, children’s products, and spring-themed layouts. Use it as a supporting brand tone or broad UI background, pairing it with deep navy or warm coral. The hex code #22b7b7 supports readable black body text at about an 8.5:1 contrast ratio.
Questions about #22b7b7
What is #22b7b7 in RGB, HSL and CMYK?
In RGB, #22b7b7 is rgb(34, 183, 183), in HSL hsl(180, 69%, 43%) and in CMYK 81%, 0%, 0%, 28%.
What colors pair well with #22b7b7 in a palette?
Is #22b7b7 warm or cool, and what mood does it create?
#22b7b7 reads as a cool cyan because its blue-green balance creates a crisp, open impression rather than the warmth associated with yellow, orange, or red. It often feels fresh, energetic, and approachable in digital products, communication-focused designs, and light seasonal layouts.
Can #22b7b7 be used with black or white text?
#22b7b7 works well with black text, which provides strong contrast at roughly 8.5:1, while white text has much lower contrast and is less suitable for small or continuous text in interfaces.
Is #22b7b7 readable on white or black?
#22b7b7 has a 2.46:1 contrast ratio on white and 8.52: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.