#30BCED Hex Color

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

Hex color #30bced graphic
Bright and cool, #30bced is a clear cyan-blue with strong saturation and a light, energetic finish. It suggests freedom, trust, and forward motion, making it effective for technology, communication, and children’s products. Use the hex code #30bced as a supporting color or bold interface accent; black text remains highly legible against it.

Questions about #30bced

What is #30bced in RGB, HSL and CMYK?
In RGB, #30bced is rgb(48, 188, 237), in HSL hsl(196, 84%, 56%) and in CMYK 80%, 21%, 0%, 7%.
What colors pair well with #30bced?
#30bced pairs well with navy for a dependable, high-contrast feel, while coral or warm orange accents add energy through complementary contrast in buttons, illustrations, headings, and supporting interface elements.
Does #30bced read as a warm or cool color?
#30bced reads as a cool color because its bright cyan-blue hue leans toward blue rather than yellow or red, giving interfaces and branding a clean, open, energetic character with a modern feel.
Is #30bced readable on white or black?
#30bced has a 2.20:1 contrast ratio on white and 9.54: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.