Color #108CD8

Color info

#108CD8 contains mainly blue color. Web safe color of #108CD8 is #0099CC (or #09C).

RGB color model

#108CD8 color RGB value is (16,140,216).

red value is 16;
green value is 140;
blue value is 216.

RGB: (16,140,216) (6%, 55%, 85%)

RGB channels and saturation

R 16 of 255 = 6%
G 140 of 255 = 55%
B 216 of 255 = 85%

16

140

216

R + G + B ~ 49%. #108CD8 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 16 + 140 + 216 = 372 (100%)
R 16 of 372 ~ 4.3%
G 140 of 372 ~ 37.63%
B 216 of 372 ~ 58.06'%

%37.63

%58.06

CMYK color model

#108CD8 color CMYK value is (93,35,0,15).

cyan value is 92.59%
magenta value is 35.19%
yellow value is 0.00%
key color value is 15.29%

CMYK: (93,35,0,15)
C93M35Y0K15 (93%, 35%, 0%, 15%)
(0.93 / 0.35 / 0.00 / 0.15)

CMYK percentages

%92.59

%35.19

%0

%15.29

Codes

Color #108CD8 in popluar color models

	10	8C	D8
RGB	16	140	216
HSL	203°	86.21%	45.49%
HSB/HSV	203°	92.59%	84.71%
CMYK	92.59%	35.19%	0.00%
CMYK	15.29%

Color #108CD8 in popluar number systems.

HEX	10	8C	D8
Decimal	16	140	216
Binary	10000	10001100	11011000
Octal	20	214	330

Shades and tints

Shades of #108CD8

#108CD8
(16,140,216)

#0F80C5
(15,128,197)

#0E74B2
(14,116,178)

#0D689F
(13,104,159)

#0C5C8C
(12,92,140)

#0B5079
(11,80,121)

#0A4466
(10,68,102)

#093853
(9,56,83)

#082C40
(8,44,64)

#07202D
(7,32,45)

#06141A
(6,20,26)

#000000
(0,0,0)

Tints of #108CD8

#108CD8
(16,140,216)

#2596DB
(37,150,219)

#3AA0DE
(58,160,222)

#4FAAE1
(79,170,225)

#64B4E4
(100,180,228)

#79BEE7
(121,190,231)

#8EC8EA
(142,200,234)

#A3D2ED
(163,210,237)

#B8DCF0
(184,220,240)

#CDE6F3
(205,230,243)

#E2F0F6
(226,240,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #108CD8 color. Also use rgb(16,140,216) instead hex code.

Text Font Color

.myTextColor { color: #108CD8; }

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

This text font color is #108CD8.

Background Color

.myBgColor { background-color: #108CD8; }

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

This div background color is #108CD8.

Border color

.myBorderColor { border: 1px solid #108CD8; }

This div border color is #108CD8.

Opacity

.myOpacity80 { color: #108CD8; opacity: 0.8; }

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

This text has shadow with #108CD8 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #108CD8.