#00AFB5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan offers a refreshing, cool presence that works well in modern technology interfaces. Because it maintains high contrast, black text is legible and clean against this hex code, #00afb5. Use it sparingly as an accent to guide the eye, rather than as a dominant background, to avoid overwhelming your composition. This shade pairs effectively with charcoal or deep navy for a professional, tech-forward aesthetic.
Questions about #00afb5
What is #00afb5 in RGB, HSL and CMYK?
In RGB, #00afb5 is rgb(0, 175, 181), in HSL hsl(182, 100%, 35%) and in CMYK 100%, 3%, 0%, 29%.
What colors pair well with #00afb5 for a professional aesthetic?
#00afb5 works best when grounded by neutral, dark tones that balance its high-energy, tech-forward vibe. Pair this cyan with charcoal or deep navy for readability and professional contrast, or use a crisp off-white to let the color pop without overwhelming the layout.
Is #00afb5 suitable for body text or large background areas?
Use #00afb5 sparingly as an accent color rather than a dominant background or text choice, as its high saturation can cause eye strain at large scales. It performs best when highlighting UI elements like buttons, active states, or data visualizations where clarity is paramount.
Is #00afb5 readable on white or black?
#00afb5 has a 2.69:1 contrast ratio on white and 7.79: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.