breadcrumb

Fountain Blue

Industries that Commonly Use Fountain Blue

Color Code Details

HEX #5c97bf
RGB (92, 151, 191);
RGBA (92, 151, 191, 1)
HSL (204, 44%, 55%);
HSLA (204, 44%, 55%, 1);
HSV 204,51,74
HSB 204, 52, 75
HWB 204 36% 25%
CMYK 52, 21, 0, 25
Pantone 299 C

Preview & Codes Examples

Text Color with Fountain Blue

This Text has a Font Color of #5c97bf
.text {color:#5c97bf;}
.text {color:rgba(92, 151, 191, 1);}
.text {color:hsl(309, 100%, 3%);}

Background Color Using Fountain Blue

This element has a background color of #5c97bf
.element {background-color:#5c97bf;}
.element {background-color:rgba(92, 151, 191, 1);}
.element {background-color:hsl(309, 100%, 3%);}

Border Styling with Fountain Blue

This element has a border color of #5c97bf
.element {border:1px solid #5c97bf;}
.element {border:1px solid rgba(92, 151, 191, 1);}
.element {border:1px solid hsl(309, 100%, 3%);}

Preview & Variables

CSS Variables

--variable: #5c97bf;

Sass / SCSS

$variable: #5c97bf;

Less

@variable: #5c97bf;

Similar Blue Shades You Might Like

Blue colors bring calm, professionalism, and clarity. Ideal for corporate websites, finance apps, and healthcare design. Explore other flat UI blues that inspire trust and simplicity.

Your Opinion Shapes our Colors.