Color #FF643A

Color info

#FF643A contains mainly red color. Web safe color of #FF643A is #FF6633 (or #F63).

RGB color model

#FF643A color RGB value is (255,100,58).

red value is 255;
green value is 100;
blue value is 58.

RGB: (255,100,58) (100%, 39%, 23%)

RGB channels and saturation

R 255 of 255 = 100%
G 100 of 255 = 39%
B 58 of 255 = 23%

255

100

58

R + G + B ~ 54%. #FF643A is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 255 + 100 + 58 = 413 (100%)
R 255 of 413 ~ 61.74%
G 100 of 413 ~ 24.21%
B 58 of 413 ~ 14.04'%

%61.74

%24.21

%14.04

CMYK color model

#FF643A color CMYK value is (0,61,77,0).

cyan value is 0.00%
magenta value is 60.78%
yellow value is 77.25%
key color value is 0.00%

CMYK: (0,61,77,0)
C0M61Y77K0 (0%, 61%, 77%, 0%)
(0.00 / 0.61 / 0.77 / 0.00)

CMYK percentages

%0

%60.78

%77.25

%0

Codes

Color #FF643A in popluar color models

	FF	64	3A
RGB	255	100	58
HSL	13°	100.00%	61.37%
HSB/HSV	13°	77.25%	100.00%
CMYK	0.00%	60.78%	77.25%
CMYK	0.00%

Color #FF643A in popluar number systems.

HEX	FF	64	3A
Decimal	255	100	58
Binary	11111111	1100100	111010
Octal	377	144	72

Shades and tints

Shades of #FF643A

#FF643A
(255,100,58)

#E85B35
(232,91,53)

#D15230
(209,82,48)

#BA492B
(186,73,43)

#A34026
(163,64,38)

#8C3721
(140,55,33)

#752E1C
(117,46,28)

#5E2517
(94,37,23)

#471C12
(71,28,18)

#30130D
(48,19,13)

#190A08
(25,10,8)

#000000
(0,0,0)

Tints of #FF643A

#FF643A
(255,100,58)

#FF724B
(255,114,75)

#FF805C
(255,128,92)

#FF8E6D
(255,142,109)

#FF9C7E
(255,156,126)

#FFAA8F
(255,170,143)

#FFB8A0
(255,184,160)

#FFC6B1
(255,198,177)

#FFD4C2
(255,212,194)

#FFE2D3
(255,226,211)

#FFF0E4
(255,240,228)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FF643A color. Also use rgb(255,100,58) instead hex code.

Text Font Color

.myTextColor { color: #FF643A; }

<p style="color:#FF643A">This sample text font color is #FF643A.</p>

This text font color is #FF643A.

Background Color

.myBgColor { background-color: #FF643A; }

<div style="background-color:#FF643A">Inner text</div>

This div background color is #FF643A.

Border color

.myBorderColor { border: 1px solid #FF643A; }

This div border color is #FF643A.

Opacity

.myOpacity80 { color: #FF643A; opacity: 0.8; }

Text with #FF643A color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #FF643A;}

This text has shadow with #FF643A color.

.textShadow {text-shadow: 3px 3px 1px #FF643A', 3px 3px 1px red;}

This text has shadow with #FF643A primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#FF643A, Direction=45, Strength=4)}

This text has shadow with #FF643A and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #FF643A;
-webkit-box-shadow: 1px 1px 3px 2px #FF643A;
box-shadow: 1px 1px 3px 2px #FF643A;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #FF643A; -webkit-box-shadow: 1px 1px 3px 2px #FF643A; box-shadow:1px 1px 3px 2px #FF643A;">
Div content here
</div>

This div box has shadow with color #FF643A.