Color #24A988

Color info

#24A988 contains mainly green and blue colors. Web safe color of #24A988 is #339999 (or #399).

RGB color model

#24A988 color RGB value is (36,169,136).

red value is 36;
green value is 169;
blue value is 136.

RGB:
(36,169,136)
(14%,66%,53%)

RGB channels and saturation

R 36 of 255 = 14%
G 169 of 255 = 66%
B 136 of 255 = 53%

169

136

R + G + B ~ 44%. #24A988 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
36 + 169 + 136 = 341 (100%)
R 36 of 341 ~ 10.56%
G 169 of 341 ~ 49.56%
B 136 of 341 ~ 39.88%

%10.56

%49.56

%39.88

CMYK color model

#24A988 color CMYK value is (79,0,20,34).

cyan value is 78.70%
magenta value is 0.00%
yellow value is 19.53%
key color value is 33.73%

CMYK:
(79,0,20,34)
C79M0Y20K34 
(79%,0%,20%,34%)
(0.79/0.00/0.20/0.34)

CMYK percentages

%78.7

%19.53

%33.73

Codes

Color #24A988 in popluar color models

	24	A9	88
RGB	36	169	136
HSL	165°	64.88%	40.20%
HSB/HSV	165°	78.70%	66.27%
CMYK	78.70%	0.00%	19.53%
CMYK	33.73%

Color #24A988 in popluar number systems.

HEX	24	A9	88
Decimal	36	169	136
Binary	100100	10101001	10001000
Octal	44	251	210

Shades and tints

Shades of #24A988

#24A988
(36,169,136)

#219A7C
(33,154,124)

#1E8B70
(30,139,112)

#1B7C64
(27,124,100)

#186D58
(24,109,88)

#155E4C
(21,94,76)

#124F40
(18,79,64)

#0F4034
(15,64,52)

#0C3128
(12,49,40)

#09221C
(9,34,28)

#061310
(6,19,16)

#000000
(0,0,0)

Tints of #24A988

#24A988
(36,169,136)

#37B092
(55,176,146)

#4AB79C
(74,183,156)

#5DBEA6
(93,190,166)

#70C5B0
(112,197,176)

#83CCBA
(131,204,186)

#96D3C4
(150,211,196)

#A9DACE
(169,218,206)

#BCE1D8
(188,225,216)

#CFE8E2
(207,232,226)

#E2EFEC
(226,239,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #24A988 color. Also use rgb(36,169,136) instead hex code.

Text Font Color

.myTextColor { color: #24A988; }

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

This text font color is #24A988.

Background Color

.myBgColor { background-color: #24A988; }

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

This div background color is #24A988.

Border color

.myBorderColor { border: 1px solid #24A988; }

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

This div border color is #24A988.

Opacity

.myOpacity80 { color: #24A988; opacity: 0.8; }

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

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

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

This text has shadow with #24A988 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #24A988.

Preview

Color preview on black background

This text has color #24A988 on black background.

Color preview on white background

This text has color #24A988 on white background.

Black color preview on #24A988 background

This text has black color on #24A988 background.

White color preview on #24A988 background

This text has white color on #24A988 background.