Color #CA4B23

Color info

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

RGB color model

#CA4B23 color RGB value is (202,75,35).

red value is 202;
green value is 75;
blue value is 35.

RGB: (202,75,35) (79%, 29%, 14%)

RGB channels and saturation

R 202 of 255 = 79%
G 75 of 255 = 29%
B 35 of 255 = 14%

202

75

35

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

Portions of RGB colors in percentages

R + G + B = 202 + 75 + 35 = 312 (100%)
R 202 of 312 ~ 64.74%
G 75 of 312 ~ 24.04%
B 35 of 312 ~ 11.22'%

%64.74

%24.04

%11.22

CMYK color model

#CA4B23 color CMYK value is (0,63,83,21).

cyan value is 0.00%
magenta value is 62.87%
yellow value is 82.67%
key color value is 20.78%

CMYK: (0,63,83,21)
C0M63Y83K21 (0%, 63%, 83%, 21%)
(0.00 / 0.63 / 0.83 / 0.21)

CMYK percentages

%0

%62.87

%82.67

%20.78

Codes

Color #CA4B23 in popluar color models

	CA	4B	23
RGB	202	75	35
HSL	14°	70.46%	46.47%
HSB/HSV	14°	82.67%	79.22%
CMYK	0.00%	62.87%	82.67%
CMYK	20.78%

Color #CA4B23 in popluar number systems.

HEX	CA	4B	23
Decimal	202	75	35
Binary	11001010	1001011	100011
Octal	312	113	43

Shades and tints

Shades of #CA4B23

#CA4B23
(202,75,35)

#B84520
(184,69,32)

#A63F1D
(166,63,29)

#94391A
(148,57,26)

#823317
(130,51,23)

#702D14
(112,45,20)

#5E2711
(94,39,17)

#4C210E
(76,33,14)

#3A1B0B
(58,27,11)

#281508
(40,21,8)

#160F05
(22,15,5)

#000000
(0,0,0)

Tints of #CA4B23

#CA4B23
(202,75,35)

#CE5B37
(206,91,55)

#D26B4B
(210,107,75)

#D67B5F
(214,123,95)

#DA8B73
(218,139,115)

#DE9B87
(222,155,135)

#E2AB9B
(226,171,155)

#E6BBAF
(230,187,175)

#EACBC3
(234,203,195)

#EEDBD7
(238,219,215)

#F2EBEB
(242,235,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CA4B23 color. Also use rgb(202,75,35) instead hex code.

Text Font Color

.myTextColor { color: #CA4B23; }

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

This text font color is #CA4B23.

Background Color

.myBgColor { background-color: #CA4B23; }

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

This div background color is #CA4B23.

Border color

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

This div border color is #CA4B23.

Opacity

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

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

This text has shadow with #CA4B23 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #CA4B23.