#40B0DD Hex Color

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

Hex color #40b0dd graphic
This bright, cyan-leaning blue feels energetic yet clean. The hex code #40b0dd serves as an excellent UI background because black text offers high readability against it. While vivid, it pairs nicely with neutral tones when you are considering how to make gray to ground the design. Designers often use this shade in tech and healthcare branding to establish immediate trust and clarity.

Questions about #40b0dd

What is #40b0dd in RGB, HSL and CMYK?
In RGB, #40b0dd is rgb(64, 176, 221), in HSL hsl(197, 70%, 56%) and in CMYK 71%, 20%, 0%, 13%.
What colors pair well with #40b0dd?
#40b0dd works best when balanced against neutral foundations, as its high energy can easily dominate a layout. Try pairing it with charcoal for high-contrast text or a soft slate to ground the design and make the blue pop.
Is #40b0dd readable on white or black?
#40b0dd has a 2.47:1 contrast ratio on white and 8.47: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.