#C670BB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This fairly saturated, mid-tone magenta commands attention without overwhelming a layout. Since it maintains a 6.4:1 contrast ratio against black text, it stays legible for UI components or small body copy. Use this color as a playful 10 percent accent rather than a full background to keep designs balanced. The hex code for this vivid pink is #c670bb.
Questions about #c670bb
What is #c670bb in RGB, HSL and CMYK?
In RGB, #c670bb is rgb(198, 112, 187), in HSL hsl(308, 43%, 61%) and in CMYK 0%, 43%, 6%, 22%.
How can #c670bb be used effectively in a layout?
Use #c670bb as a playful 10 percent accent rather than a primary background color to maintain visual balance. This saturated magenta commands attention effectively, ensuring your buttons or calls to action stand out without overwhelming the overall design of your interface.
Is #c670bb readable on white or black?
#c670bb has a 3.26:1 contrast ratio on white and 6.43:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.