French Rose (#f64a8a) Web Color For Web Page Design

Everything about French Rose (#f64a8a) and hex colors to enhance web page design and your website development company. Get a multitude of palettes based on one color. Learn how to choose the right hex codes for web page design. Optimize your online projects with the power of triadic, tetradic, analogous colors, and more. Get inspired and design websites with ease for your web development company.

French Rose (#f64a8a) Color Hex

French Rose (#f64a8a) rgb(246, 74, 138)

Color spaces of French Rose (#f64a8a)

RGB24674138
HSL0.940.910.63
HSV3387097
CMYK0.000.700.44 0.04
XYZ45.042326.325426.7521
Yxy0.45910.2683
Hunter Lab51.308366.91135.0020
CIE-Lab58.344669.36892.9155

Base Numbers

BaseRedGreenBlue
Binary111101100100101010001010
Octal366112212
Decimal24674138
HexF64A8A

Shades of French Rose (#f64a8a)

Copied!
HEX toggle hex RGB
#f64a8a #dd437c #c53b6e #ac3461 #942c53 #7b2545 #621e37 #4a1629 #310f1c #19070e #000000

Tints of French Rose (#f64a8a)

Copied!
HEX toggle hex RGB
#ed528b #e55c8f #e06895 #de779d #de88a8 #e09bb5 #e4b0c3 #ebc8d5 #f3e2e9 #ffffff

RGB Percentages of Color French Rose (#f64a8a)

Red
Green
Blue

CMYK Percentages of Color French Rose (#f64a8a)

Cyan
Magenta
Yellow
Black

Analogous Colors of French Rose (#f64a8a)

Copied!
HEX toggle hex RGB
#f64a8a #ff2200 #ffa200 #ddff00

Triadic Colors of French Rose (#f64a8a) separated with 120° angle

Copied!
HEX toggle hex RGB
#f64a8a #8af74b #4b8af7

Tetradic Colors of French Rose (#f64a8a) separated with 90° angle

Copied!
HEX toggle hex RGB
#f64a8a #e0f74b #4bf7b8 #624bf7

Monochromatic Colors of French Rose (#f64a8a)

Copied!
HEX toggle hex RGB
#99073d #d70a55 #f41d6c #f979a8 #fba7c6

Complementary Color

Copied!
HEX toggle hex RGB
#f64a8a #4bf7b8

Pastel variations

Copied!
HEX toggle hex RGB
#c3629a #804065 #e6cfdc #bf3083

Soft variations

Copied!
HEX toggle hex RGB
#ad7998 #80596f #e6cfdc #bf6097

Light variations

Copied!
HEX toggle hex RGB
#ffbfe4 #bf6097 #ffe6f4 #ff80ca

Hard variations

Copied!
HEX toggle hex RGB
#d9007e #82004c #ffe6f4 #ff66bf

Pale variations

Copied!
HEX toggle hex RGB
#b8a6b1 #80737a #ffe6f4 #bfacb7

French Rose (#f64a8a) Color Preview on Black Background

This is French Rose (#f64a8a) on a black background

French Rose (#f64a8a) Color Preview on White Background

This is French Rose (#f64a8a) on a white background

French Rose (#f64a8a) Color CSS Codes

                .bckColor {background-color:#ff0000; } 
                .forColor {color:#ff0000; }
                .bordercolor {border:3px solid #ff0000; }

French Rose (#f64a8a) Text Font Color

This is a sample text written with the French Rose (#f64a8a) color.
This is a strong text written with the French Rose (#f64a8a) as well.

French Rose (#f64a8a) Background Color

                <div style="background-color:French Rose (#f64a8a)">
                    Text on the French Rose (#f64a8a) color
                </div>

French Rose (#f64a8a) Border Color

<div style="border:3px solid #ff0000">
                  Div here
                </div>

Css3 Examples

Text Shadow with RGB Values

                .rgbShadow {
                    text-shadow: 4px 4px 2px rgba(255,0,0, 0.8); } 
                .hexShadow { 
                    text-shadow: 4px 4px 2px #ff0000; }
                .divShadow { 
                    -moz-box-shadow: 1px 1px 3px 2px #ff0000;
                    -webkit-box-shadow: 1px 1px 3px 2px #ff0000;
                    box-shadow:         1px 1px 3px 2px #ff0000; }

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px rgb(246, 74, 138);">Text here</p>

This is a text with rgb(246, 74, 138) as a shadow color.

Div Box Shadow

                <div style="-moz-box-shadow: 1px 1px 3px 2px #f64a8a;
                  -webkit-box-shadow: 1px 1px 3px 2px #f64a8a;
                  box-shadow:         1px 1px 3px 2px #f64a8a;">
                    Div content here
                </div>
An html Div with text shadow using #f64a8a color hex code

Related palettes

Copied!
share
HEX toggle hex RGB
Girl's
Copied!
share
HEX toggle hex RGB
Chou Hair #2
Copied!
share
HEX toggle hex RGB
Scale Snake
Copied!
share
HEX toggle hex RGB
June Wedding Reimagined
Copied!
share
HEX toggle hex RGB
June Wedding
Copied!
share
HEX toggle hex RGB
Alexandrite and Dark Red Roses
Copied!
share
HEX toggle hex RGB
Alexandrite and Maroon Roses
Copied!
share
HEX toggle hex RGB
Alexandrite and Pink Roses
Copied!
share
HEX toggle hex RGB
Alexandrite and Red Roses
Copied!
share
HEX toggle hex RGB
Alexandrite and Pearls