COLOR #4CF6F0

HEX: #4CF6F0 RGB: (76,246,240)

Color info

#4CF6F0 contains mainly green and blue colors. Web safe color of #4CF6F0 is #33FFFF (or #3FF).

RGB color model

#4CF6F0 color RGB value is (76,246,240).

RGB: (76,246,240) (30%, 96%, 94%)

RGB channels and saturation

R 76 of 255 = 30%
G 246 of 255 = 96%
B 240 of 255 = 94%

76
246
240

R + G + B ~ 73%. #4CF6F0 is quite light color.

Portions of RGB colors in percentages

R + G + B = 76 + 246 + 240 = 562 (100%)
R 76 of 562 ~ 13.52%
G 246 of 562 ~ 43.77%
B 240 of 562 ~ 42.7'%

%13.52
%43.77
%42.7

CMYK color model

#4CF6F0 color CMYK value is (69,0,2,4).

  • cyan value is 69.11%
  • magenta value is 0.00%
  • yellow value is 2.44%
  • key color value is 3.53%
CMYK: (69,0,2,4) C69M0Y2K4 (69%,0%,2%,4%) (0.69/0.00/0.02/0.04) 

CMYK percentages

%69.11
%0
%2.44
%3.53

Codes

Color #4CF6F0 in popluar color models

4C F6 F0
RGB 76 246 240
HSL 178° 90.43% 63.14%
HSB/HSV 178° 69.11% 96.47%
CMYK 69.11% 0.00% 2.44%
3.53%

Color #4CF6F0 in popluar number systems.

HEX 4C F6 F0
Decimal 76 246 240
Binary 1001100 11110110 11110000
Octal 114 366 360

Shades and tints

Shades of #4CF6F0

#4CF6F0
(76,246,240)
#46E0DB
(70,224,219)
#40CAC6
(64,202,198)
#3AB4B1
(58,180,177)
#349E9C
(52,158,156)
#2E8887
(46,136,135)
#287272
(40,114,114)
#225C5D
(34,92,93)
#1C4648
(28,70,72)
#163033
(22,48,51)
#101A1E
(16,26,30)
#000000
(0,0,0)

Tints of #4CF6F0

#4CF6F0
(76,246,240)
#5CF6F1
(92,246,241)
#6CF6F2
(108,246,242)
#7CF6F3
(124,246,243)
#8CF6F4
(140,246,244)
#9CF6F5
(156,246,245)
#ACF6F6
(172,246,246)
#BCF6F7
(188,246,247)
#CCF6F8
(204,246,248)
#DCF6F9
(220,246,249)
#ECF6FA
(236,246,250)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4CF6F0 color. Also use rgb(76,246,240) instead hex code.

Text Font Color

.myTextColor { color: #4CF6F0; }

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

This text font color is #4CF6F0.

Background Color

.myBgColor { background-color: #4CF6F0; }

<div style="background-color:#4CF6F0">Inner text</div>

This div background color is #4CF6F0.

Border color

.myBorderColor { border: 1px solid #4CF6F0; }

<div style="border:3px solid #4CF6F0">Div</div>

This div border color is #4CF6F0.

Opacity

.myOpacity80 { color: #4CF6F0; opacity: 0.8; }

<p style="color:#4CF6F0;opacity:0.8;">80%</p>

Text with #4CF6F0 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 #4CF6F0;}

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

This text has shadow with #4CF6F0 color.


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

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

This text has shadow with #4CF6F0 primary color and red secondary color.


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

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

This text has shadow with #4CF6F0 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #4CF6F0.

Preview

Color preview on black background

This text has color #4CF6F0 on black background.


Color preview on white background

This text has color #4CF6F0 on white background.


Black color preview on #4CF6F0 background

This text has black color on #4CF6F0 background.


White color preview on #4CF6F0 background

This text has white color on #4CF6F0 background.


Related colors

Complementary color

Complementary color for #hex is #B3090F.


I love getcolorcode.com

Triadic colors

1 #F04CF6 and #F6F04C with #4CF6F0 are triadic colors.

2 #F0F64C and #F64CF0 with #4CF6F0 are triadic colors.