COLOR #04DEDF

HEX: #04DEDF
RGB: (4,222,223)

Color info

#04DEDF contains mainly green and blue colors. Web safe color of #04DEDF is #00CCCC (or #0CC).

RGB color model

#04DEDF color RGB value is (4,222,223).

  • red value is 4;
  • green value is 222;
  • blue value is 223.
RGB:
(4,222,223)
(2%,87%,87%)

RGB channels and saturation

R 4 of 255 = 2%
G 222 of 255 = 87%
B 223 of 255 = 87%

4
222
223

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

Portions of RGB colors in percentages

R + G + B =
4 + 222 + 223 = 449 (100%)
R 4 of 449 ~ 0.89%
G 222 of 449 ~ 49.44%
B 223 of 449 ~ 49.67%

%49.44
%49.67

CMYK color model

#04DEDF color CMYK value is (98,0,0,13).

  • cyan value is 98.21%
  • magenta value is 0.45%
  • yellow value is 0.00%
  • key color value is 12.55%
CMYK:
(98,0,0,13)
C98M0Y0K13 
(98%,0%,0%,13%)
(0.98/0.00/0.00/0.13)	

CMYK percentages

%98.21
%0.45
%0
%12.55

Codes

Color #04DEDF in popluar color models

04DEDF
RGB4222223
HSL180°96.48%44.51%
HSB/HSV180°98.21%87.45%
CMYK98.21%0.45%0.00%
12.55%

Color #04DEDF in popluar number systems.

HEX04DEDF
Decimal4222223
Binary1001101111011011111
Octal4336337

Shades and tints

Shades of #04DEDF

#04DEDF
(4,222,223)
#04CACB
(4,202,203)
#04B6B7
(4,182,183)
#04A2A3
(4,162,163)
#048E8F
(4,142,143)
#047A7B
(4,122,123)
#046667
(4,102,103)
#045253
(4,82,83)
#043E3F
(4,62,63)
#042A2B
(4,42,43)
#041617
(4,22,23)
#000000
(0,0,0)

Tints of #04DEDF

#04DEDF
(4,222,223)
#1AE1E1
(26,225,225)
#30E4E3
(48,228,227)
#46E7E5
(70,231,229)
#5CEAE7
(92,234,231)
#72EDE9
(114,237,233)
#88F0EB
(136,240,235)
#9EF3ED
(158,243,237)
#B4F6EF
(180,246,239)
#CAF9F1
(202,249,241)
#E0FCF3
(224,252,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #04DEDF color. Also use rgb(4,222,223) instead hex code.

Text Font Color

.myTextColor { color: #04DEDF; }

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

This text font color is #04DEDF.


Background Color

.myBgColor { background-color: #04DEDF; }

<div style="background-color:#04DEDF">Inner text</div>

This div background color is #04DEDF.


Border color

.myBorderColor { border: 1px solid #04DEDF; }

<div style="border:3px solid #04DEDF">Div</div>

This div border color is #04DEDF.


Opacity

.myOpacity80 { color: #04DEDF; opacity: 0.8; }

<p style="color:#04DEDF;opacity:0.8;">80%</p>

Text with #04DEDF 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 #04DEDF;}

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

This text has shadow with #04DEDF color.

.textShadow {text-shadow: 3px 3px 1px #04DEDF, 3px 3px 1px red;}

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

This text has shadow with #04DEDF primary color and red secondary color.


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

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

This text has shadow with #04DEDF and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #04DEDF on black background.


Color preview on white background

This text has color #04DEDF on white background.



Black color preview on #04DEDF background

This text has black color on #04DEDF background.


White color preview on #04DEDF background

This text has white color on #04DEDF background.