#18A3DE Hex Color

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

Hex color #18a3de graphic
#18a3de is a cool, medium-light blue with a clear cyan undertone and moderate saturation. Its controlled, dependable feel suits technology, healthcare, finance, and security interfaces. Use it as a supporting brand color or focused call-to-action accent rather than a full-page background. The hex code #18a3de supports black body text at about a 7.3:1 contrast ratio.

Questions about #18a3de

What is #18a3de in RGB, HSL and CMYK?
In RGB, #18a3de is rgb(24, 163, 222), in HSL hsl(198, 80%, 48%) and in CMYK 89%, 27%, 0%, 13%.
What colors pair well with #18a3de?
For a grounded interface, pair #18a3de with charcoal text and coral accents; muted navy can support it in a restrained palette, while a soft cream background takes the edge off its cool cyan undertone without making the layout feel dull.
Where does #18a3de work best in a design system?
#18a3de works best as a supporting brand color, button accent, or selected-state fill in technology, healthcare, and security interfaces, where its medium-light value stays noticeable without the heaviness of a dark navy.
Is #18a3de readable on white or black?
#18a3de has a 2.86:1 contrast ratio on white and 7.33: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.