Color #235B24

Color info

#235B24 contains red, green and blue colors in about the same proportion. Web safe color of #235B24 is #336633 (or #363).

RGB color model

#235B24 color RGB value is (35,91,36).

red value is 35;
green value is 91;
blue value is 36.

RGB:
(35,91,36)
(14%,36%,14%)

RGB channels and saturation

R 35 of 255 = 14%
G 91 of 255 = 36%
B 36 of 255 = 14%

R + G + B ~ 21%. #235B24 is dark color.

Portions of RGB colors in percentages

R + G + B =
35 + 91 + 36 = 162 (100%)
R 35 of 162 ~ 21.6%
G 91 of 162 ~ 56.17%
B 36 of 162 ~ 22.22%

%21.6

%56.17

%22.22

CMYK color model

#235B24 color CMYK value is (62,0,60,64).

cyan value is 61.54%
magenta value is 0.00%
yellow value is 60.44%
key color value is 64.31%

CMYK:
(62,0,60,64)
C62M0Y60K64 
(62%,0%,60%,64%)
(0.62/0.00/0.60/0.64)

CMYK percentages

%61.54

%60.44

%64.31

Codes

Color #235B24 in popluar color models

	23	5B	24
RGB	35	91	36
HSL	121°	44.44%	24.71%
HSB/HSV	121°	61.54%	35.69%
CMYK	61.54%	0.00%	60.44%
CMYK	64.31%

Color #235B24 in popluar number systems.

HEX	23	5B	24
Decimal	35	91	36
Binary	100011	1011011	100100
Octal	43	133	44

Shades and tints

Shades of #235B24

#235B24
(35,91,36)

#205321
(32,83,33)

#1D4B1E
(29,75,30)

#1A431B
(26,67,27)

#173B18
(23,59,24)

#143315
(20,51,21)

#112B12
(17,43,18)

#0E230F
(14,35,15)

#0B1B0C
(11,27,12)

#081309
(8,19,9)

#050B06
(5,11,6)

#000000
(0,0,0)

Tints of #235B24

#235B24
(35,91,36)

#376937
(55,105,55)

#4B774A
(75,119,74)

#5F855D
(95,133,93)

#739370
(115,147,112)

#87A183
(135,161,131)

#9BAF96
(155,175,150)

#AFBDA9
(175,189,169)

#C3CBBC
(195,203,188)

#D7D9CF
(215,217,207)

#EBE7E2
(235,231,226)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #235B24 color. Also use rgb(35,91,36) instead hex code.

Text Font Color

.myTextColor { color: #235B24; }

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

This text font color is #235B24.

Background Color

.myBgColor { background-color: #235B24; }

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

This div background color is #235B24.

Border color

.myBorderColor { border: 1px solid #235B24; }

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

This div border color is #235B24.

Opacity

.myOpacity80 { color: #235B24; opacity: 0.8; }

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

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

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

This text has shadow with #235B24 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #235B24.

Preview

Color preview on black background

This text has color #235B24 on black background.

Color preview on white background

This text has color #235B24 on white background.

Black color preview on #235B24 background

This text has black color on #235B24 background.

White color preview on #235B24 background

This text has white color on #235B24 background.