#18BFAE Hex Color

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

Hex color #18bfae graphic
Bright and refreshing, #18bfae is a crisp teal with significant saturation that leans toward the cool end of the spectrum. It works effectively as a dominant base for wellness or tech brands needing a clean, approachable aesthetic. Pair this hex code with dark charcoals to ground its intensity. Because it offers strong contrast against black text, it remains highly readable for UI interfaces and small body copy.

Questions about #18bfae

What is #18bfae in RGB, HSL and CMYK?
In RGB, #18bfae is rgb(24, 191, 174), in HSL hsl(174, 78%, 42%) and in CMYK 87%, 0%, 9%, 25%.
What colors pair well with #18bfae for web design?
Pair #18bfae with deep charcoal or near-black tones to ground its intensity and ensure high text readability. For a modern, balanced palette, introduce soft neutrals or a warm terracotta to create a subtle complementary contrast that prevents the interface from feeling too cold.
Is #18bfae suitable for text-heavy UI designs?
Yes, #18bfae works effectively for interface accents because it maintains high contrast against standard dark backgrounds. While vibrant enough to draw the eye, it remains legible when used in moderation, especially against dark-mode UI elements or deep gray backgrounds.
Is #18bfae readable on white or black?
#18bfae has a 2.30:1 contrast ratio on white and 9.10: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.