#40BAD9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright and crisp, #40bad9 functions best as an accent color that brings a refreshing, youthful energy to UI layouts. Because this cool cyan maintains high readability with black text, it works well for technical interfaces or children’s branding. Avoid using it as a dominant background, as its high saturation can quickly overwhelm the viewer. The hex code for this cyan is #40bad9.
Questions about #40bad9
What is #40bad9 in RGB, HSL and CMYK?
In RGB, #40bad9 is rgb(64, 186, 217), in HSL hsl(192, 67%, 55%) and in CMYK 71%, 14%, 0%, 15%.
Where should I use #40bad9 in a UI design?
#40bad9 works best as a targeted accent color rather than a dominant background because its high saturation can quickly overwhelm a layout. Use it for call-to-action buttons or highlights where you need to draw immediate user attention.
Is #40bad9 readable on white or black?
#40bad9 has a 2.27:1 contrast ratio on white and 9.24: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.