COLOR #CE4346

HEX: #CE4346 RGB: (206,67,70)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#CE4346 contains mainly red color. Web safe color of #CE4346 is #CC3333 (or #C33).

RGB color model

#CE4346 color RGB value is (206,67,70).

red value is 206;
green value is 67;
blue value is 70.

RGB: (206,67,70) (81%, 26%, 27%)

RGB channels and saturation

R 206 of 255 = 81%
G 67 of 255 = 26%
B 70 of 255 = 27%

206

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

Portions of RGB colors in percentages

R + G + B = 206 + 67 + 70 = 343 (100%)
R 206 of 343 ~ 60.06%
G 67 of 343 ~ 19.53%
B 70 of 343 ~ 20.41'%

%60.06

%19.53

%20.41

CMYK color model

#CE4346 color CMYK value is (0,67,66,19).

cyan value is 0.00%
magenta value is 67.48%
yellow value is 66.02%
key color value is 19.22%

CMYK: (0,67,66,19) C0M67Y66K19 (0%,67%,66%,19%) (0.00/0.67/0.66/0.19)

CMYK percentages

%67.48

%66.02

%19.22

Codes

Color #CE4346 in popluar color models

	CE	43	46
RGB	206	67	70
HSL	359°	58.65%	53.53%
HSB/HSV	359°	67.48%	80.78%
CMYK	0.00%	67.48%	66.02%
CMYK	19.22%

Color #CE4346 in popluar number systems.

HEX	CE	43	46
Decimal	206	67	70
Binary	11001110	1000011	1000110
Octal	316	103	106

Shades and tints

Shades of #CE4346

#CE4346
(206,67,70)

#BC3D40
(188,61,64)

#AA373A
(170,55,58)

#983134
(152,49,52)

#862B2E
(134,43,46)

#742528
(116,37,40)

#621F22
(98,31,34)

#50191C
(80,25,28)

#3E1316
(62,19,22)

#2C0D10
(44,13,16)

#1A070A
(26,7,10)

#000000
(0,0,0)

Tints of #CE4346

#CE4346
(206,67,70)

#D25456
(210,84,86)

#D66566
(214,101,102)

#DA7676
(218,118,118)

#DE8786
(222,135,134)

#E29896
(226,152,150)

#E6A9A6
(230,169,166)

#EABAB6
(234,186,182)

#EECBC6
(238,203,198)

#F2DCD6
(242,220,214)

#F6EDE6
(246,237,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CE4346 color. Also use rgb(206,67,70) instead hex code.

Text Font Color

.myTextColor { color: #CE4346; }

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

This text font color is #CE4346.

Background Color

.myBgColor { background-color: #CE4346; }

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

This div background color is #CE4346.

Border color

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

This div border color is #CE4346.

Opacity

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

Text with #CE4346 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 #CE4346;}

This text has shadow with #CE4346 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CE4346.