#FFBCCC Hex Color
A gentle and warm sugary pink
#ffbccc is a gentle, unsaturated pink with a warm, sugary character. Because it has low chroma, it functions best as a supporting tone rather than a dominant background. Pair it with deep charcoal or slate greys to anchor its softness and ensure high legibility. With a 13.3:1 contrast ratio against black text, the hex code #ffbccc works well for UI elements that require both friendliness and clarity.
Questions about #ffbccc
What is #ffbccc in RGB, HSL and CMYK?
In RGB, #ffbccc is rgb(255, 188, 204), in HSL hsl(346, 100%, 87%) and in CMYK 0%, 26%, 20%, 0%.
How do I use #ffbccc effectively in UI design?
#ffbccc functions best as a supporting tone rather than a dominant background because of its low chroma. Pair it with deep charcoal or dark slate greys to anchor its softness and ensure the design remains readable and grounded.
Is #ffbccc a warm or cool tone?
#ffbccc is distinctly warm, characterized by its sugary, unsaturated pink appearance. Its specific composition makes it feel approachable and inviting, though it lacks the intensity of a primary magenta, allowing it to sit comfortably alongside neutral colors without clashing.
Is #ffbccc readable on white or black?
#ffbccc has a 1.57:1 contrast ratio on white and 13.31: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.