COLOR #6199CD

HEX: #6199CD
RGB: (97,153,205)

Color info

#6199CD contains mainly green and blue colors. Web safe color of #6199CD is #6699CC (or #69C).

RGB color model

#6199CD color RGB value is (97,153,205).

  • red value is 97;
  • green value is 153;
  • blue value is 205.
RGB:
(97,153,205)
(38%,60%,80%)

RGB channels and saturation

R 97 of 255 = 38%
G 153 of 255 = 60%
B 205 of 255 = 80%

97
153
205

R + G + B ~ 59%. #6199CD is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
97 + 153 + 205 = 455 (100%)
R 97 of 455 ~ 21.32%
G 153 of 455 ~ 33.63%
B 205 of 455 ~ 45.05%

%21.32
%33.63
%45.05

CMYK color model

#6199CD color CMYK value is (53,25,0,20).

  • cyan value is 52.68%
  • magenta value is 25.37%
  • yellow value is 0.00%
  • key color value is 19.61%
CMYK:
(53,25,0,20)
C53M25Y0K20 
(53%,25%,0%,20%)
(0.53/0.25/0.00/0.20)	

CMYK percentages

%52.68
%25.37
%0
%19.61

Codes

Color #6199CD in popluar color models

6199CD
RGB97153205
HSL209°51.92%59.22%
HSB/HSV209°52.68%80.39%
CMYK52.68%25.37%0.00%
19.61%

Color #6199CD in popluar number systems.

HEX6199CD
Decimal97153205
Binary11000011001100111001101
Octal141231315

Shades and tints

Shades of #6199CD

#6199CD
(97,153,205)
#598CBB
(89,140,187)
#517FA9
(81,127,169)
#497297
(73,114,151)
#416585
(65,101,133)
#395873
(57,88,115)
#314B61
(49,75,97)
#293E4F
(41,62,79)
#21313D
(33,49,61)
#19242B
(25,36,43)
#111719
(17,23,25)
#000000
(0,0,0)

Tints of #6199CD

#6199CD
(97,153,205)
#6FA2D1
(111,162,209)
#7DABD5
(125,171,213)
#8BB4D9
(139,180,217)
#99BDDD
(153,189,221)
#A7C6E1
(167,198,225)
#B5CFE5
(181,207,229)
#C3D8E9
(195,216,233)
#D1E1ED
(209,225,237)
#DFEAF1
(223,234,241)
#EDF3F5
(237,243,245)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6199CD color. Also use rgb(97,153,205) instead hex code.

Text Font Color

.myTextColor { color: #6199CD; }

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

This text font color is #6199CD.


Background Color

.myBgColor { background-color: #6199CD; }

<div style="background-color:#6199CD">Inner text</div>

This div background color is #6199CD.


Border color

.myBorderColor { border: 1px solid #6199CD; }

<div style="border:3px solid #6199CD">Div</div>

This div border color is #6199CD.


Opacity

.myOpacity80 { color: #6199CD; opacity: 0.8; }

<p style="color:#6199CD;opacity:0.8;">80%</p>

Text with #6199CD 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 #6199CD;}

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

This text has shadow with #6199CD color.

.textShadow {text-shadow: 3px 3px 1px #6199CD, 3px 3px 1px red;}

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

This text has shadow with #6199CD primary color and red secondary color.


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

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

This text has shadow with #6199CD and red colors in old Internet Explorer.


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #6199CD;
-webkit-box-shadow: 1px 1px 3px 2px #6199CD;
box-shadow:1px 1px 3px 2px #6199CD;">
Div content here</div>
This div box has shadow with color #6199CD.

Preview

Color preview on black background

This text has color #6199CD on black background.


Color preview on white background

This text has color #6199CD on white background.



Black color preview on #6199CD background

This text has black color on #6199CD background.


White color preview on #6199CD background

This text has white color on #6199CD background.