#22B1D8 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #22b1d8 graphic
#22b1d8 is a cool, medium-light cyan with strong saturation and a clean blue-green cast. Its fresh, youthful energy suits technology, communication, aerospace, and children’s products, especially as a supporting color against navy or warm white. Use it for UI backgrounds or calls to action, where black text remains highly readable. The hex code is #22b1d8.

Questions about #22b1d8

What is #22b1d8 in RGB, HSL and CMYK?
In RGB, #22b1d8 is rgb(34, 177, 216), in HSL hsl(193, 73%, 49%) and in CMYK 84%, 18%, 0%, 15%.
Which colors pair well with #22b1d8?
#22b1d8 pairs well with navy, warm white, and deep charcoal, balancing its bright cyan saturation while keeping palettes clean and readable across technology interfaces, communication graphics, dashboards, and youthful product designs. Use navy for a focused feel or warm white for softer contrast.
Does #22b1d8 feel warm or cool?
#22b1d8 reads as a cool cyan because its hue leans clearly toward blue-green, creating a fresh, energetic, approachable mood that fits technology, communication, aerospace, and children’s products, especially in clean, modern layouts.
Is #22b1d8 readable on white or black?
#22b1d8 has a 2.51:1 contrast ratio on white and 8.34: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.