#5AC4C7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, unsaturated cyan brings a fresh, cool energy to UI backgrounds and spring-themed branding. Because it is highly readable against black text, it works well as a dominant base color. Use it alongside deep charcoals rather than light neutrals to avoid a washed-out look. The hex code for this color is #5ac4c7. Learning what colors make gray can help you mute this intensity when needed.
Questions about #5ac4c7
What is #5ac4c7 in RGB, HSL and CMYK?
In RGB, #5ac4c7 is rgb(90, 196, 199), in HSL hsl(182, 49%, 57%) and in CMYK 55%, 2%, 0%, 22%.
What colors pair well with #5ac4c7 for UI design?
Pair #5ac4c7 with deep charcoal or dark gray text to maintain high contrast and readability. Avoid pairing it with light or pastel neutrals, which can make the cyan look washed out and significantly reduce visual impact.
Is #5ac4c7 readable on white or black?
#5ac4c7 has a 2.06:1 contrast ratio on white and 10.15: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.