COLOR #CB671A

HEX: #CB671A
RGB: (203,103,26)

Color info

#CB671A contains mainly red color. Web safe color of #CB671A is #CC6600 (or #C60).

RGB color model

#CB671A color RGB value is (203,103,26).

  • red value is 203;
  • green value is 103;
  • blue value is 26.
RGB:
(203,103,26)
(80%,40%,10%)

RGB channels and saturation

R 203 of 255 = 80%
G 103 of 255 = 40%
B 26 of 255 = 10%

203
103
26

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

Portions of RGB colors in percentages

R + G + B =
203 + 103 + 26 = 332 (100%)
R 203 of 332 ~ 61.14%
G 103 of 332 ~ 31.02%
B 26 of 332 ~ 7.83%

%61.14
%31.02

CMYK color model

#CB671A color CMYK value is (0,49,87,20).

  • cyan value is 0.00%
  • magenta value is 49.26%
  • yellow value is 87.19%
  • key color value is 20.39%
CMYK:
(0,49,87,20)
C0M49Y87K20 
(0%,49%,87%,20%)
(0.00/0.49/0.87/0.20)	

CMYK percentages

%0
%49.26
%87.19
%20.39

Codes

Color #CB671A in popluar color models

CB671A
RGB20310326
HSL26°77.29%44.90%
HSB/HSV26°87.19%79.61%
CMYK0.00%49.26%87.19%
20.39%

Color #CB671A in popluar number systems.

HEXCB671A
Decimal20310326
Binary11001011110011111010
Octal31314732

Shades and tints

Shades of #CB671A

#CB671A
(203,103,26)
#B95E18
(185,94,24)
#A75516
(167,85,22)
#954C14
(149,76,20)
#834312
(131,67,18)
#713A10
(113,58,16)
#5F310E
(95,49,14)
#4D280C
(77,40,12)
#3B1F0A
(59,31,10)
#291608
(41,22,8)
#170D06
(23,13,6)
#000000
(0,0,0)

Tints of #CB671A

#CB671A
(203,103,26)
#CF742E
(207,116,46)
#D38142
(211,129,66)
#D78E56
(215,142,86)
#DB9B6A
(219,155,106)
#DFA87E
(223,168,126)
#E3B592
(227,181,146)
#E7C2A6
(231,194,166)
#EBCFBA
(235,207,186)
#EFDCCE
(239,220,206)
#F3E9E2
(243,233,226)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CB671A color. Also use rgb(203,103,26) instead hex code.

Text Font Color

.myTextColor { color: #CB671A; }

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

This text font color is #CB671A.


Background Color

.myBgColor { background-color: #CB671A; }

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

This div background color is #CB671A.


Border color

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

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

This div border color is #CB671A.


Opacity

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

<p style="color:#CB671A;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #CB671A">Text here.</p>

This text has shadow with #CB671A color.

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

<p style="text-shadow: 3px 3px 1px #CB671A, 5px 5px 20px red">Text here.</p>

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


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

<p style="filter: Shadow(Color=#CB671A, Direction=45, Strength=4)">Text</p>

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #CB671A on black background.


Color preview on white background

This text has color #CB671A on white background.



Black color preview on #CB671A background

This text has black color on #CB671A background.


White color preview on #CB671A background

This text has white color on #CB671A background.