Color #368DC1

Color info

#368DC1 contains mainly green and blue colors. Web safe color of #368DC1 is #3399CC (or #39C).

RGB color model

#368DC1 color RGB value is (54,141,193).

red value is 54;
green value is 141;
blue value is 193.

RGB: (54,141,193) (21%, 55%, 76%)

RGB channels and saturation

R 54 of 255 = 21%
G 141 of 255 = 55%
B 193 of 255 = 76%

54

141

193

R + G + B ~ 51%. #368DC1 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 54 + 141 + 193 = 388 (100%)
R 54 of 388 ~ 13.92%
G 141 of 388 ~ 36.34%
B 193 of 388 ~ 49.74'%

%13.92

%36.34

%49.74

CMYK color model

#368DC1 color CMYK value is (72,27,0,24).

cyan value is 72.02%
magenta value is 26.94%
yellow value is 0.00%
key color value is 24.31%

CMYK: (72,27,0,24)
C72M27Y0K24 (72%, 27%, 0%, 24%)
(0.72 / 0.27 / 0.00 / 0.24)

CMYK percentages

%72.02

%26.94

%0

%24.31

Codes

Color #368DC1 in popluar color models

	36	8D	C1
RGB	54	141	193
HSL	202°	56.28%	48.43%
HSB/HSV	202°	72.02%	75.69%
CMYK	72.02%	26.94%	0.00%
CMYK	24.31%

Color #368DC1 in popluar number systems.

HEX	36	8D	C1
Decimal	54	141	193
Binary	110110	10001101	11000001
Octal	66	215	301

Shades and tints

Shades of #368DC1

#368DC1
(54,141,193)

#3281B0
(50,129,176)

#2E759F
(46,117,159)

#2A698E
(42,105,142)

#265D7D
(38,93,125)

#22516C
(34,81,108)

#1E455B
(30,69,91)

#1A394A
(26,57,74)

#162D39
(22,45,57)

#122128
(18,33,40)

#0E1517
(14,21,23)

#000000
(0,0,0)

Tints of #368DC1

#368DC1
(54,141,193)

#4897C6
(72,151,198)

#5AA1CB
(90,161,203)

#6CABD0
(108,171,208)

#7EB5D5
(126,181,213)

#90BFDA
(144,191,218)

#A2C9DF
(162,201,223)

#B4D3E4
(180,211,228)

#C6DDE9
(198,221,233)

#D8E7EE
(216,231,238)

#EAF1F3
(234,241,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #368DC1 color. Also use rgb(54,141,193) instead hex code.

Text Font Color

.myTextColor { color: #368DC1; }

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

This text font color is #368DC1.

Background Color

.myBgColor { background-color: #368DC1; }

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

This div background color is #368DC1.

Border color

.myBorderColor { border: 1px solid #368DC1; }

This div border color is #368DC1.

Opacity

.myOpacity80 { color: #368DC1; opacity: 0.8; }

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

This text has shadow with #368DC1 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #368DC1.