#30B8F2 Hex Color

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

Hex color #30b8f2 graphic
#30b8f2 is a cool, blueish shade with a clear cyan undertone and medium-light brightness. Its crisp saturation suggests trust and control without feeling heavy. The hex code #30b8f2 suits technology, healthcare, finance, and security interfaces, especially as a primary UI color with dark text. Black text reaches about 9.3:1 contrast here.

Questions about #30b8f2

What is #30b8f2 in RGB, HSL and CMYK?
In RGB, #30b8f2 is rgb(48, 184, 242), in HSL hsl(198, 88%, 57%) and in CMYK 80%, 24%, 0%, 5%.
What colors pair well with #30b8f2?
The hex color #30b8f2 pairs well with navy, charcoal, and warm coral accents because these darker or warmer tones temper its bright cyan cast while preserving clarity in interface layouts, brand palettes, and focused call-to-action elements.
Is #30b8f2 readable on white or black?
#30b8f2 has a 2.26:1 contrast ratio on white and 9.26: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.