#4BC5E5 Hex Color

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

Hex color #4bc5e5 graphic
#4bc5e5 is a bright, cool cyan with a fresh sky-blue cast and enough saturation to feel lively rather than pastel. This hex code brings softness, freedom, and clean digital energy to spring themes, children’s products, technology, and communication. Use it as a supporting color or broad UI background; black text remains highly readable at about 10.4:1 contrast.

Questions about #4bc5e5

What is #4bc5e5 in RGB, HSL and CMYK?
In RGB, #4bc5e5 is rgb(75, 197, 229), in HSL hsl(192, 75%, 60%) and in CMYK 67%, 14%, 0%, 10%.
What colors pair well with #4bc5e5 in a design palette?
#4bc5e5 pairs well with navy, charcoal, or warm coral because darker and warmer tones balance its bright cyan saturation without making the palette feel harsh in interfaces or brand palettes. Off-white softens the layout, while burgundy works as a restrained accent when the design needs more weight.
Where does #4bc5e5 work best in a visual system?
#4bc5e5 works best as a broad UI background, supporting brand color, or high-visibility accent in technology, children’s, and spring-focused designs because its medium-light value stays energetic without becoming neon. For dense layouts, use it behind larger areas or reserve it for accents alongside calmer neutrals.
Is #4bc5e5 readable on white or black?
#4bc5e5 has a 2.01:1 contrast ratio on white and 10.41: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.