#46CCCE Hex Color

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

Hex color #46ccce graphic
This bright cyan is a crisp, cool tone that feels clean and modern. With an impressive 10.8:1 contrast ratio against black text, the hex code #46ccce works best as a punchy accent or call-to-action button rather than a large background. Pair it with deep charcoal or muted grays to avoid washing out your interface. It brings a fresh, digital energy to any design system.

Questions about #46ccce

What is #46ccce in RGB, HSL and CMYK?
In RGB, #46ccce is rgb(70, 204, 206), in HSL hsl(181, 58%, 54%) and in CMYK 66%, 1%, 0%, 19%.
How should I use #46ccce in UI design?
Because #46ccce offers high visibility, it functions best as a focused accent or interactive element like a button rather than a background. Use it sparingly to guide user attention against charcoal or dark gray backgrounds to prevent visual fatigue.
Is #46ccce readable on white or black?
#46ccce has a 1.94:1 contrast ratio on white and 10.78: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.