#FFCCEE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Infra-White is a pale, unsaturated magenta with a high lightness value. This delicate shade creates a soft, gentle mood, making it an excellent base for UI backgrounds or beauty branding. It pairs beautifully with charcoal or deep navy for high-contrast, readable typography. The hex code for Infra-White is #ffccee. Black text provides excellent readability over this shade for any body copy.
About Infra-White
Peony petals scattered across a warm white tile
What does infra-white mean?
People often read pale magentas as sweet, playful, and a little sentimental, so it commonly signals softness and youth. Its high lightness and low saturation make it feel airy and faint, like a color barely mixed into white.
Where you see infra-white
- cotton candy
- bubble gum
- ballerina slippers
- peony petals
- strawberry milk
- frosted cupcakes
What it works for
It works as a gentle background for nurseries, sweets packaging, spring cards, and soft accents in light palettes.
What colors go with infra-white?
Deep Teal #00555aThe dark cool teal pushes this pale magenta forward without competing with it.Olive #808000Olive's dry, earthy tone keeps all that sweetness from turning sugary.Charcoal #36454fA near-black anchor gives the light pink something solid to sit against.Butter #ffff81Two soft pastels together read warm and mellow instead of flat.Plum #8e4585The plum shares the magenta hue but adds the depth this color lacks.
Questions about Infra-White
What is the hex code for Infra-White?
Infra-White is #ffccee. In RGB that is rgb(255, 204, 238), in HSL hsl(320, 100%, 90%) and in CMYK 0%, 20%, 7%, 0%.
How should I use #ffccee in interface design?
Use #ffccee as a low-saturation background color for clean, modern interfaces that require a soft, non-intrusive base. It works exceptionally well when paired with charcoal or deep navy text, as these high-contrast colors ensure excellent readability for body copy while maintaining a sophisticated aesthetic.
Is Infra-White readable on white or black?
Infra-White has a 1.38:1 contrast ratio on white and 15.12: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.