COLOR #0F2E20

HEX: #0F2E20 RGB: (15,46,32)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#0F2E20 contains red, green and blue colors in about the same proportion. Web safe color of #0F2E20 is #003333 (or #033).

RGB color model

#0F2E20 color RGB value is (15,46,32).

red value is 15;
green value is 46;
blue value is 32.

RGB: (15,46,32) (6%, 18%, 13%)

RGB channels and saturation

R 15 of 255 = 6%
G 46 of 255 = 18%
B 32 of 255 = 13%

R + G + B ~ 12%. #0F2E20 is dark color.

Portions of RGB colors in percentages

R + G + B = 15 + 46 + 32 = 93 (100%)
R 15 of 93 ~ 16.13%
G 46 of 93 ~ 49.46%
B 32 of 93 ~ 34.41'%

%16.13

%49.46

%34.41

CMYK color model

#0F2E20 color CMYK value is (67,0,30,82).

cyan value is 67.39%
magenta value is 0.00%
yellow value is 30.43%
key color value is 81.96%

CMYK: (67,0,30,82) C67M0Y30K82 (67%,0%,30%,82%) (0.67/0.00/0.30/0.82)

CMYK percentages

%67.39

%30.43

%81.96

Codes

Color #0F2E20 in popluar color models

	0F	2E	20
RGB	15	46	32
HSL	153°	50.82%	11.96%
HSB/HSV	153°	67.39%	18.04%
CMYK	67.39%	0.00%	30.43%
CMYK	81.96%

Color #0F2E20 in popluar number systems.

HEX	0F	2E	20
Decimal	15	46	32
Binary	1111	101110	100000
Octal	17	56	40

Shades and tints

Shades of #0F2E20

#0F2E20
(15,46,32)

#0E2A1E
(14,42,30)

#0D261C
(13,38,28)

#0C221A
(12,34,26)

#0B1E18
(11,30,24)

#0A1A16
(10,26,22)

#091614
(9,22,20)

#081212
(8,18,18)

#070E10
(7,14,16)

#060A0E
(6,10,14)

#05060C
(5,6,12)

#000000
(0,0,0)

Tints of #0F2E20

#0F2E20
(15,46,32)

#244134
(36,65,52)

#395448
(57,84,72)

#4E675C
(78,103,92)

#637A70
(99,122,112)

#788D84
(120,141,132)

#8DA098
(141,160,152)

#A2B3AC
(162,179,172)

#B7C6C0
(183,198,192)

#CCD9D4
(204,217,212)

#E1ECE8
(225,236,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0F2E20 color. Also use rgb(15,46,32) instead hex code.

Text Font Color

.myTextColor { color: #0F2E20; }

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

This text font color is #0F2E20.

Background Color

.myBgColor { background-color: #0F2E20; }

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

This div background color is #0F2E20.

Border color

.myBorderColor { border: 1px solid #0F2E20; }

This div border color is #0F2E20.

Opacity

.myOpacity80 { color: #0F2E20; opacity: 0.8; }

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

This text has shadow with #0F2E20 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #0F2E20.