#3BA8B0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan sits on the cooler side of the spectrum, offering a sharp, stimulating presence. The hex code for this shade is #3ba8b0. It works well in technology interfaces because it reads clearly with black text. Designers should treat this color as an accent rather than a dominant background. If you are mixing gray tones for your palette, use this hue as a high-contrast companion.
Questions about #3ba8b0
What is #3ba8b0 in RGB, HSL and CMYK?
In RGB, #3ba8b0 is rgb(59, 168, 176), in HSL hsl(184, 50%, 46%) and in CMYK 66%, 5%, 0%, 31%.
What colors pair well with #3ba8b0?
#3ba8b0 functions best as a high-contrast accent when paired with deep, neutral tones like charcoal or dark slate. Because of its stimulating nature, it can feel jarring if used across large areas, so try limiting it to interactive elements like buttons.
How should I use #3ba8b0 in user interface design?
#3ba8b0 is highly effective for UI design because it remains legible against black text. Use this color to draw attention to specific interface components without overwhelming the user, ensuring it sits against a clean white or dark background to maintain proper contrast ratios.
Is #3ba8b0 readable on white or black?
#3ba8b0 has a 2.83:1 contrast ratio on white and 7.41: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.