Hex #f67580 Color

#f67580
equivalent to

RGB

(246, 117, 128)

Details of #f67580

RGB
XYZ
HSL
CMYK
CIE-Lab
Yxy
HSV
Hunter Lab
246
48.2636
0.99
0.00
64.8624
33.8739
355°
58.2013
117
33.8739
0.88
0.52
50.3551
0.4529
52°
46.1695
128
24.4166
0.71
0.48   0.04
17.9098
0.3179
96°
15.8757

Color HEX #f67580 matches (246, 117, 128) in RGB.

#f67580 hex color red value is 246, green value is 117 and the blue value of its RGB is 128. Cylindrical-coordinate representations (also known as HSL) of color #f67580 hue: 0.99, saturation: 0.88 and the lightness value of f67580 is 0.71.

The process color (four color CMYK) of #f67580 color hex is 0.00, 0.52, 0.48, 0.04. Web safe color of #f67580 is #ff6699. Color #f67580 contains mainly RED color.

Base Numbers

Base
Binary
Octal
Decimal
Hex
Red
11110110
366
246
F6
Green
1110101
165
117
75
Blue
10000000
200
128
80

RGB in % of #f67580

%50.10
%23.83
%26.07

CMYK in % of #f67580

%0
%52
%48
%4

Triads of color #f67580

#f67580 #7580f6 #80f680

Similar Colors to #f67580

#f67580 #f675c1 #f6ab75

Preview Color #f67580 on black ground

Very nice color.

Preview Color #f67580 on white ground

Very nice color.

CSS Codes #f67580 color

.mybgcolor {background-color:#f67580; }
.myforecolor {color:#f67580; }
.mybordercolor {border:3px solid #f67580; }

Text Font Color #f67580

<p style="color:#f67580">Text here</p>

This sample text font color is #f67580
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Background Color #f67580

<div style="background-color:#f67580">
Div content here</div>

This div background color is #f67580


Border Color #f67580

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

The color of this border is #f67580


Examples Css3

.textShadowRgb {text-shadow: 4px 4px 2px rgba(0,0,0, 0.8); } 
.textShadowHex { 
text-shadow: 4px 4px 2px #f67580; }
.divShadow { 
-moz-box-shadow: 1px 1px 3px 2px #f67580;
-webkit-box-shadow: 1px 1px 3px 2px #f67580;
box-shadow:         1px 1px 3px 2px #f67580; }
				

Text Shadow using RGB

<p style="text-shadow: 4px 4px 2px rgba(0,0,0, 0.8);">Text here</p>
				

The shadow of this text using RGB.


Text Shadow using Hex

<p style="text-shadow: 4px 4px 2px #f67580">Text here</p>
				

The shadow of this text using hex.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #f67580;
  -webkit-box-shadow: 1px 1px 3px 2px #f67580;
  box-shadow:         1px 1px 3px 2px #f67580;">
Div content here</div>

The shadow of div box using color #f67580