breadcrumb

Rosy Bloom

How Rosy Bloom is Used

Industries that Commonly Use Rosy Bloom

Color Code Details

HEX #f78da7
RGB (247, 141, 167);
RGBA (247, 141, 167, 1)
HSL (345, 87%, 76%);
HSLA (345, 87%, 76%, 1);
HSV 345,42,96
HSB 345, 43, 97
HWB 345 55% 3%
CMYK 0, 43, 32, 3
Pantone 1895 C

Preview & Codes Examples

Text Color with Rosy Bloom

This Text has a Font Color of #f78da7
.text {color:#f78da7;}
.text {color:rgba(247, 141, 167, 1);}
.text {color:hsl(309, 100%, 3%);}

Background Color Using Rosy Bloom

.element {background-color:#f78da7;}
.element {background-color:rgba(247, 141, 167, 1);}
.element {background-color:hsl(309, 100%, 3%);}

Border Styling with Rosy Bloom

This element has a border color of #f78da7
.element {border:1px solid #f78da7;}
.element {border:1px solid rgba(247, 141, 167, 1);}
.element {border:1px solid hsl(309, 100%, 3%);}

Preview & Variables

CSS Variables

--variable: #f78da7;

Sass / SCSS

$variable: #f78da7;

Less

@variable: #f78da7;

Similar Pink Shades You Might Like

Pink brings softness, approachability, and charm. Ideal for beauty, wellness, or playful UX. Explore more flat UI pinks that balance style and simplicity.

Your Opinion Shapes our Colors.