#4BB6CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#4bb6cc is a cool, bright cyan that avoids the washed-out quality of typical pastels. Because it offers high contrast against black text, it performs well as a dominant UI background or a vibrant call-to-action button. Use the hex code #4bb6cc alongside deep slate grays to anchor the color. It works well for tech interfaces, but use it sparingly to avoid overwhelming your layout.
Questions about #4bb6cc
What is #4bb6cc in RGB, HSL and CMYK?
In RGB, #4bb6cc is rgb(75, 182, 204), in HSL hsl(190, 56%, 55%) and in CMYK 63%, 11%, 0%, 20%.
What colors pair well with #4bb6cc in a web interface?
#4bb6cc pairs exceptionally well with charcoal or deep slate grays to ground its high-energy tone. Using it alongside neutral darks allows the cyan to pop as a call-to-action button without creating visual fatigue for the user.
Is #4bb6cc readable on white or black?
#4bb6cc has a 2.36:1 contrast ratio on white and 8.86: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.