Using Blush in design
HEX
#FFB6C1
RGB
255, 182, 193
HSL
351°, 100%, 86%
HSV
351°, 29%, 100%
Blush (#FFB6C1) is a soft warm pink that feels polished, approachable, and contemporary. It is lighter and quieter than rose, making it useful for backgrounds, lifestyle branding, and editorial accents.
Best for
Trade show graphics, signage, and booth displays.
Accessibility
Check contrast before using blush for text-heavy layouts, especially on low-contrast backgrounds.
How does blush compare to nearby colors?
What color is blush?
Blush became a staple in fashion, beauty, and hospitality branding as pink palettes moved away from candy tones and toward softer neutrals. It often functions as a warm supporting color rather than a primary attention-grabber.
What is the hex code for blush?
| Format | Value |
|---|---|
| HEX | #FFB6C1 |
| RGB | rgb(255, 182, 193) |
| HSL | hsl(351°, 100%, 86%) |
| HSV / HSB | hsv(351°, 29%, 100%) |
| CMYK (approx.) | cmyk(0%, 29%, 24%, 0%) |
Convert Blush to other color formats
Open the color converter with Blush (#FFB6C1) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Blush in the color converter →What does blush mean in design?
Blush communicates warmth, gentleness, and modern softness. In design it often signals taste and approachability rather than overt femininity, especially when paired with charcoal, burgundy, or warm neutrals.
How do I use blush in code?
| CSS (hex) | color: #FFB6C1; |
| CSS (rgb) | color: rgb(255, 182, 193); |
| CSS (hsl) | color: hsl(351, 100%, 86%); |
| RGB % | rgb(100%, 71%, 76%) |
| Tailwind | text-[#FFB6C1] |
| SwiftUI | Color(red: 1.000, green: 0.714, blue: 0.757) |
| UIKit | UIColor(red: 1.000, green: 0.714, blue: 0.757, alpha: 1.0) |
| Android | Color.rgb(255, 182, 193) |
| Compose | Color(0xFFFFB6C1) |
| Web Safe | #FFCCCC |
Is blush accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 1.65:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaBlack text on this color | 12.71:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaThis color as text on white | 1.65:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaThis color as text on black | 12.71:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.
How does blush look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with blush
Charcoal gives blush the dark frame it is missing, so pale surfaces do not drift into a washed-out page.
Because blush already carries warmth, navy blue gives the pair a steadier backbone and keeps it closer to packaging and campaign work than to one-note seasonal color.
With a vivid blush, cream is gentler than white, so the palette keeps warmth and avoids looking overlit.
White gives blush enough open space that the color can feel vivid without turning the whole palette noisy.
Sage Green helps blush feel more complete in practice because the pairing combines powder blush qualities with sage and moss support instead of leaving the source color to do every job alone.
What colors clash with blush
With blush, Neon Green pushes the work toward novelty or screen-effect territory faster than most brand or editorial systems can tolerate.
With blush, magenta introduces a second emotional story instead of reinforcing the first one, so the palette can feel internally split.
Cyan redirects blush toward a more technical, backlit interpretation, which is risky when the goal is warmth, polish, or print-minded editorial work.
Light Gray sits too close to blush in value, so the palette can wash out before it ever establishes a clear hierarchy.
How should I use blush in design?
- •Use blush as a card or section background when white feels too cold.
- •Pair blush with charcoal or burgundy for contrast, or with cream for a tonal editorial palette.
- •Avoid relying on blush for small text or key UI actions because it lacks contrast at smaller sizes.
What are good blush palettes?
Design with blush in Moda
Create a presentation or document using blush as your accent color. Moda's AI applies your color palette automatically.
Create a design with blush →What are the shades and tints of blush?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for blush?
Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.
Similar colors
Pink
Pink is near enough to blush to swap into the same palette, yet the undertone shift still decides whether the family reads warmer or cooler overall.
Bubblegum
Bubblegum is near enough to blush to swap into the same palette, yet the undertone shift still decides whether the family reads warmer or cooler overall.
Carnation
Carnation sits close to blush in hue, but its berry-magenta cast changes the mood of the palette even when the contrast shift is small.
Pastel Pink
Pastel Pink is near enough to blush to swap into the same palette, yet the undertone shift still decides whether the family reads warmer or cooler overall.
Salmon Pink
Salmon Pink is almost the same hue as blush; the real difference is value, with salmon pink feeling more grounded and anchor-ready.
Frequently asked questions
What is the hex code for blush?
The hex code for blush is #FFB6C1. In RGB, that's 255 red, 182 green, and 193 blue. The approximate CMYK equivalent is 0% cyan, 29% magenta, 24% yellow, and 0% key (black).
Is blush a warm or cool color?
Blush sits on the warm side of the palette, so it pairs easily with other warm tones and becomes more energetic when you place it against cooler blues or blue-grays.
Should blush be used as a surface color or an accent?
Blush belongs more naturally on surfaces than in tiny accent moments. Use it to open space, soften sections, or tint large areas, then let darker colors carry the emphasis.
Where does blush work best in a layout?
Blush is very light, so it works best as a background, card fill, or table tint in slides, documents, and landing pages. Pair it with dark text such as charcoal or navy for readability.
Is blush accessible?
Blush works better with dark text than white text. Black text reaches 12.71:1 contrast on the swatch, which makes the color more usable as a background or highlight surface than as a dark panel.
More pink colors
Keep exploring color resources
All color pages
Browse the full library of color references, pairings, and palettes.
Pink colors
Compare blush with other pink tones.
Neutral colors
Explore nearby color families to build stronger palettes and contrasts.
Orange colors
Explore nearby color families to build stronger palettes and contrasts.
Purple colors
Explore nearby color families to build stronger palettes and contrasts.
Last updated April 6, 2026
Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.