COLOR #018AEF

HEX: #018AEF
RGB: (1,138,239)

Color info

#018AEF contains mainly blue color. Web safe color of #018AEF is #0099FF (or #09F).

RGB color model

#018AEF color RGB value is (1,138,239).

  • red value is 1;
  • green value is 138;
  • blue value is 239.
RGB:
(1,138,239)
(0%,54%,94%)

RGB channels and saturation

R 1 of 255 = 0%
G 138 of 255 = 54%
B 239 of 255 = 94%

1
138
239

R + G + B ~ 49%. #018AEF is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
1 + 138 + 239 = 378 (100%)
R 1 of 378 ~ 0.26%
G 138 of 378 ~ 36.51%
B 239 of 378 ~ 63.23%

%36.51
%63.23

CMYK color model

#018AEF color CMYK value is (100,42,0,6).

  • cyan value is 99.58%
  • magenta value is 42.26%
  • yellow value is 0.00%
  • key color value is 6.27%
CMYK:
(100,42,0,6)
C100M42Y0K6 
(100%,42%,0%,6%)
(1.00/0.42/0.00/0.06)	

CMYK percentages

%99.58
%42.26
%0
%6.27

Codes

Color #018AEF in popluar color models

018AEF
RGB1138239
HSL205°99.17%47.06%
HSB/HSV205°99.58%93.73%
CMYK99.58%42.26%0.00%
6.27%

Color #018AEF in popluar number systems.

HEX018AEF
Decimal1138239
Binary11000101011101111
Octal1212357

Shades and tints

Shades of #018AEF

#018AEF
(1,138,239)
#017EDA
(1,126,218)
#0172C5
(1,114,197)
#0166B0
(1,102,176)
#015A9B
(1,90,155)
#014E86
(1,78,134)
#014271
(1,66,113)
#01365C
(1,54,92)
#012A47
(1,42,71)
#011E32
(1,30,50)
#01121D
(1,18,29)
#000000
(0,0,0)

Tints of #018AEF

#018AEF
(1,138,239)
#1894F0
(24,148,240)
#2F9EF1
(47,158,241)
#46A8F2
(70,168,242)
#5DB2F3
(93,178,243)
#74BCF4
(116,188,244)
#8BC6F5
(139,198,245)
#A2D0F6
(162,208,246)
#B9DAF7
(185,218,247)
#D0E4F8
(208,228,248)
#E7EEF9
(231,238,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #018AEF color. Also use rgb(1,138,239) instead hex code.

Text Font Color

.myTextColor { color: #018AEF; }

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

This text font color is #018AEF.


Background Color

.myBgColor { background-color: #018AEF; }

<div style="background-color:#018AEF">Inner text</div>

This div background color is #018AEF.


Border color

.myBorderColor { border: 1px solid #018AEF; }

<div style="border:3px solid #018AEF">Div</div>

This div border color is #018AEF.


Opacity

.myOpacity80 { color: #018AEF; opacity: 0.8; }

<p style="color:#018AEF;opacity:0.8;">80%</p>

Text with #018AEF 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 #018AEF;}

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

This text has shadow with #018AEF color.

.textShadow {text-shadow: 3px 3px 1px #018AEF, 3px 3px 1px red;}

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

This text has shadow with #018AEF primary color and red secondary color.


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

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

This text has shadow with #018AEF and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #018AEF on black background.


Color preview on white background

This text has color #018AEF on white background.



Black color preview on #018AEF background

This text has black color on #018AEF background.


White color preview on #018AEF background

This text has white color on #018AEF background.