Color Directory
Blush
A soft pink with a grey cast, quieter than a candy pink.
#F4C2C2
- HEX
- #F4C2C2
- RGB
- rgb(244, 194, 194)
- HSL
- hsl(0, 69%, 86%)
Check Blush
Contrast ratios against white and black text.
WCAG asks for 4.5:1 on body text and 3:1 on text 24px or larger. Ratios are calculated from #F4C2C2 in the sRGB colour space.
About this entry
What it is
A soft pink with a grey cast, quieter than a candy pink.
Weddings, beauty branding and gentle gradient stops.
Copy & use
How to copy and use blush
- 01
Copy the complete value
Use the copy button above so the value is captured without its label, description or surrounding page text.
- 02
Paste it where you need it
Weddings, beauty branding and gentle gradient stops.
- 03
Check the final result
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Tints & shades
A scale built from blush
Each step is mixed toward white or black from #F4C2C2 in sRGB, which is what the browser does too. Useful when one colour has to cover hover states, borders and backgrounds as well as the accent itself.
Lighter 60%
#FBE7E7
rgb(251, 231, 231)
Lighter 30%
#F7D4D4
rgb(247, 212, 212)
- Base
Base
#F4C2C2
rgb(244, 194, 194)
Darker 30%
#AB8888
rgb(171, 136, 136)
Darker 60%
#624E4E
rgb(98, 78, 78)
Name & pairing
Where blush comes from
Named for the flush of colour in skin rather than for any pigment, which is why it is defined more by lightness and grey content than by hue.
What to put beside it
Soft with warm greys and charcoal. Against pure white it can disappear, so give it a slightly warm ground if the colour needs to be noticed.
Common questions
Using blush
What is blush?
A soft pink with a grey cast, quieter than a candy pink. Weddings, beauty branding and gentle gradient stops.
What are the colour values for Blush?
Blush is HEX #F4C2C2, RGB rgb(244, 194, 194), HSL hsl(0, 69%, 86%). All three notations describe the same sRGB colour, so pick whichever your tool expects: hex for CSS and design files, RGB when you need the channels separately, HSL when you want to shift lightness or saturation without changing the hue.
Will blush work everywhere?
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Can I customise blush after copying?
Use the supplied value as a starting point, then check contrast and nearby colours in the final design. Converting between hex, RGB and HSL does not change the intended sRGB colour.
Also known as
Keep browsing