#84CBF4 Hex Color

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

Select a Color

This light, airy blue acts as an effective neutral background, particularly for tech and healthcare interfaces. Because #84cbf4 is highly legible against black text, it functions well as a primary surface color. It pairs surprisingly well with charcoal grays or deep navies to ground its lighter, unsaturated energy. The hex code for this cool, clean tone is #84cbf4.

Questions about #84cbf4

What is #84cbf4 in RGB, HSL and CMYK?

In RGB, #84cbf4 is rgb(132, 203, 244), in HSL hsl(202, 84%, 74%) and in CMYK 46%, 17%, 0%, 4%.

What colors pair best with #84cbf4 in a user interface?

#84cbf4 acts as an airy neutral, so it grounds well against deep navy or crisp charcoal text to maintain high readability. These darker pairings provide the necessary contrast to prevent the design from feeling washed out or overly soft.

Is #84cbf4 readable on white or black?

#84cbf4 has a 1.77:1 contrast ratio on white and 11.82: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.

#84CBF4 Hex Color

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

Questions about #84cbf4

Color tools

Resources