#46B3BE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan feels refreshing without becoming overwhelming. Because it holds decent contrast against black text, #46b3be functions effectively as a large-scale UI background or a soft primary branding tone. It pairs surprisingly well with muted coral or warm gray tones to ground its inherent lightness. Avoid using it alongside stark white, as it can easily wash out the design.
Questions about #46b3be
What is #46b3be in RGB, HSL and CMYK?
In RGB, #46b3be is rgb(70, 179, 190), in HSL hsl(186, 48%, 51%) and in CMYK 63%, 6%, 0%, 25%. Browse more shades of blue with names and hex codes.
How should #46b3be be used in UI design?
#46b3be works best as a primary branding tone or large-scale background because its unsaturated nature prevents it from overwhelming the user. It maintains high contrast against black text, making it a functional choice for accessible interface elements or buttons.
What colors complement #46b3be?
This cyan pairs effectively with muted coral or warm gray tones to ground its inherent lightness. Avoid using it alongside stark white as the colors can bleed into each other, reducing the overall visual impact of your design.
Is #46b3be readable on white or black?
#46b3be has a 2.48:1 contrast ratio on white and 8.45: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.