COLOR #71F0BC

HEX: #71F0BC
RGB: (113,240,188)

Color info

#71F0BC contains mainly green and blue colors. Web safe color of #71F0BC is #66FFCC (or #6FC).

RGB color model

#71F0BC color RGB value is (113,240,188).

  • red value is 113;
  • green value is 240;
  • blue value is 188.
RGB:
(113,240,188)
(44%,94%,74%)

RGB channels and saturation

R 113 of 255 = 44%
G 240 of 255 = 94%
B 188 of 255 = 74%

113
240
188

R + G + B ~ 71%. #71F0BC is quite light color.

Portions of RGB colors in percentages

R + G + B =
113 + 240 + 188 = 541 (100%)
R 113 of 541 ~ 20.89%
G 240 of 541 ~ 44.36%
B 188 of 541 ~ 34.75%

%20.89
%44.36
%34.75

CMYK color model

#71F0BC color CMYK value is (53,0,22,6).

  • cyan value is 52.92%
  • magenta value is 0.00%
  • yellow value is 21.67%
  • key color value is 5.88%
CMYK:
(53,0,22,6)
C53M0Y22K6 
(53%,0%,22%,6%)
(0.53/0.00/0.22/0.06)	

CMYK percentages

%52.92
%0
%21.67
%5.88

Codes

Color #71F0BC in popluar color models

71F0BC
RGB113240188
HSL155°80.89%69.22%
HSB/HSV155°52.92%94.12%
CMYK52.92%0.00%21.67%
5.88%

Color #71F0BC in popluar number systems.

HEX71F0BC
Decimal113240188
Binary11100011111000010111100
Octal161360274

Shades and tints

Shades of #71F0BC

#71F0BC
(113,240,188)
#67DBAB
(103,219,171)
#5DC69A
(93,198,154)
#53B189
(83,177,137)
#499C78
(73,156,120)
#3F8767
(63,135,103)
#357256
(53,114,86)
#2B5D45
(43,93,69)
#214834
(33,72,52)
#173323
(23,51,35)
#0D1E12
(13,30,18)
#000000
(0,0,0)

Tints of #71F0BC

#71F0BC
(113,240,188)
#7DF1C2
(125,241,194)
#89F2C8
(137,242,200)
#95F3CE
(149,243,206)
#A1F4D4
(161,244,212)
#ADF5DA
(173,245,218)
#B9F6E0
(185,246,224)
#C5F7E6
(197,247,230)
#D1F8EC
(209,248,236)
#DDF9F2
(221,249,242)
#E9FAF8
(233,250,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #71F0BC color. Also use rgb(113,240,188) instead hex code.

Text Font Color

.myTextColor { color: #71F0BC; }

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

This text font color is #71F0BC.


Background Color

.myBgColor { background-color: #71F0BC; }

<div style="background-color:#71F0BC">Inner text</div>

This div background color is #71F0BC.


Border color

.myBorderColor { border: 1px solid #71F0BC; }

<div style="border:3px solid #71F0BC">Div</div>

This div border color is #71F0BC.


Opacity

.myOpacity80 { color: #71F0BC; opacity: 0.8; }

<p style="color:#71F0BC;opacity:0.8;">80%</p>

Text with #71F0BC 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 #71F0BC;}

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

This text has shadow with #71F0BC color.

.textShadow {text-shadow: 3px 3px 1px #71F0BC, 3px 3px 1px red;}

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

This text has shadow with #71F0BC primary color and red secondary color.


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

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

This text has shadow with #71F0BC and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #71F0BC on black background.


Color preview on white background

This text has color #71F0BC on white background.



Black color preview on #71F0BC background

This text has black color on #71F0BC background.


White color preview on #71F0BC background

This text has white color on #71F0BC background.