COLOR #6FBFCC

HEX: #6FBFCC RGB: (111,191,204)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#6FBFCC contains mainly green and blue colors. Web safe color of #6FBFCC is #66CCCC (or #6CC).

RGB color model

#6FBFCC color RGB value is (111,191,204).

red value is 111;
green value is 191;
blue value is 204.

RGB: (111,191,204) (44%, 75%, 80%)

RGB channels and saturation

R 111 of 255 = 44%
G 191 of 255 = 75%
B 204 of 255 = 80%

111

191

204

R + G + B ~ 66%. #6FBFCC is quite light color.

Portions of RGB colors in percentages

R + G + B = 111 + 191 + 204 = 506 (100%)
R 111 of 506 ~ 21.94%
G 191 of 506 ~ 37.75%
B 204 of 506 ~ 40.32'%

%21.94

%37.75

%40.32

CMYK color model

#6FBFCC color CMYK value is (46,6,0,20).

cyan value is 45.59%
magenta value is 6.37%
yellow value is 0.00%
key color value is 20.00%

CMYK: (46,6,0,20) C46M6Y0K20 (46%,6%,0%,20%) (0.46/0.06/0.00/0.20)

CMYK percentages

%45.59

%6.37

%20

Codes

Color #6FBFCC in popluar color models

	6F	BF	CC
RGB	111	191	204
HSL	188°	47.69%	61.76%
HSB/HSV	188°	45.59%	80.00%
CMYK	45.59%	6.37%	0.00%
CMYK	20.00%

Color #6FBFCC in popluar number systems.

HEX	6F	BF	CC
Decimal	111	191	204
Binary	1101111	10111111	11001100
Octal	157	277	314

Shades and tints

Shades of #6FBFCC

#6FBFCC
(111,191,204)

#65AEBA
(101,174,186)

#5B9DA8
(91,157,168)

#518C96
(81,140,150)

#477B84
(71,123,132)

#3D6A72
(61,106,114)

#335960
(51,89,96)

#29484E
(41,72,78)

#1F373C
(31,55,60)

#15262A
(21,38,42)

#0B1518
(11,21,24)

#000000
(0,0,0)

Tints of #6FBFCC

#6FBFCC
(111,191,204)

#7CC4D0
(124,196,208)

#89C9D4
(137,201,212)

#96CED8
(150,206,216)

#A3D3DC
(163,211,220)

#B0D8E0
(176,216,224)

#BDDDE4
(189,221,228)

#CAE2E8
(202,226,232)

#D7E7EC
(215,231,236)

#E4ECF0
(228,236,240)

#F1F1F4
(241,241,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6FBFCC color. Also use rgb(111,191,204) instead hex code.

Text Font Color

.myTextColor { color: #6FBFCC; }

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

This text font color is #6FBFCC.

Background Color

.myBgColor { background-color: #6FBFCC; }

<div style="background-color:#6FBFCC">Inner text</div>

This div background color is #6FBFCC.

Border color

.myBorderColor { border: 1px solid #6FBFCC; }

This div border color is #6FBFCC.

Opacity

.myOpacity80 { color: #6FBFCC; opacity: 0.8; }

Text with #6FBFCC 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 #6FBFCC;}

This text has shadow with #6FBFCC color.

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

This text has shadow with #6FBFCC primary color and red secondary color.

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

This text has shadow with #6FBFCC and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #6FBFCC.