#018ae2 Color Information
In a RGB color space, hex #018ae2 is composed of 0.4% red, 54.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 38.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 203.5 degrees, a saturation of 99.1% and a lightness of 44.5%. #018ae2 color hex could be obtained by blending #02ffff with #0015c5. Closest websafe color is: #0099cc.
-
- R 0
- G 54
- B 89
-
- C 100
- M 39
- Y 0
- K 11
● #018ae2 color description : Vivid blue.
#018ae2 Color Conversion
The hexadecimal color #018ae2 has RGB values of R:1, G:138, B:226 and CMYK values of C:1, M:0.39, Y:0, K:0.11. Its decimal value is 101090.
Hex triplet | 018ae2 | #018ae2 |
---|---|---|
RGB Decimal | 1, 138, 226 | rgb(1,138,226) |
RGB Percent | 0.4, 54.1, 88.6 | rgb(0.4%,54.1%,88.6%) |
CMYK | 100, 39, 0, 11 | |
HSL | 203.5°, 99.1, 44.5 | hsl(203.5,99.1%,44.5%) |
HSV (or HSB) | 203.5°, 99.6, 88.6 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 55.758, 1.484, -53.155 |
---|---|
XYZ | 22.825, 23.672, 75.313 |
xyY | 0.187, 0.194, 23.672 |
CIE-LCH | 55.758, 53.175, 271.599 |
CIE-LUV | 55.758, -33.809, -83.733 |
Hunter-Lab | 48.654, -1.405, -57.719 |
Binary | 00000001, 10001010, 11100010 |
Color Schemes with #018ae2
Alternatives to #018ae2
Below, you can see some colors close to #018ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#018ae2 Preview
This text has a font color of #018ae2.
<span style="color:#018ae2;">Text here</span>
This paragraph has a background color of #018ae2.
<p style="background-color:#018ae2;">Content here</p>
This element has a border color of #018ae2.
<div style="border:1px solid #018ae2;">Content here</div>
.text {color:#018ae2;}
.background {background-color:#018ae2;}
.border {border:1px solid #018ae2;}
Shades and Tints of #018ae2
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #00070b is the darkest color, while #f7fcff is the lightest one.
-
#00070b
#00070b
rgb(0,7,11)
-
#00131f
#00131f
rgb(0,19,31)
-
#001f32
#001f32
rgb(0,31,50)
-
#002b46
#002b46
rgb(0,43,70)
-
#003759
#003759
rgb(0,55,89)
-
#00426d
#00426d
rgb(0,66,109)
-
#014e80
#014e80
rgb(1,78,128)
-
#015a94
#015a94
rgb(1,90,148)
-
#0166a7
#0166a7
rgb(1,102,167)
-
#0172bb
#0172bb
rgb(1,114,187)
-
#017ece
#017ece
rgb(1,126,206)
-
#018ae2
#018ae2
rgb(1,138,226)
-
#0196f6
#0196f6
rgb(1,150,246)
-
#0c9ffe
#0c9ffe
rgb(12,159,254)
-
#20a7fe
#20a7fe
rgb(32,167,254)
-
#33affe
#33affe
rgb(51,175,254)
-
#47b6fe
#47b6fe
rgb(71,182,254)
-
#5abefe
#5abefe
rgb(90,190,254)
-
#6ec6fe
#6ec6fe
rgb(110,198,254)
-
#81cefe
#81cefe
rgb(129,206,254)
-
#95d5ff
#95d5ff
rgb(149,213,255)
-
#a9ddff
#a9ddff
rgb(169,221,255)
-
#bce5ff
#bce5ff
rgb(188,229,255)
-
#d0ecff
#d0ecff
rgb(208,236,255)
-
#e3f4ff
#e3f4ff
rgb(227,244,255)
-
#f7fcff
#f7fcff
rgb(247,252,255)
Tones of #018ae2
A tone is produced by adding gray to any pure hue. In this case, #6a7379 is the less saturated color, while #018ae2 is the most saturated one.
-
#6a7379
#6a7379
rgb(106,115,121)
-
#617582
#617582
rgb(97,117,130)
-
#58778b
#58778b
rgb(88,119,139)
-
#507993
#507993
rgb(80,121,147)
-
#477b9c
#477b9c
rgb(71,123,156)
-
#3e7da5
#3e7da5
rgb(62,125,165)
-
#357fae
#357fae
rgb(53,127,174)
-
#2d80b6
#2d80b6
rgb(45,128,182)
-
#2482bf
#2482bf
rgb(36,130,191)
-
#1b84c8
#1b84c8
rgb(27,132,200)
-
#1286d1
#1286d1
rgb(18,134,209)
-
#0a88d9
#0a88d9
rgb(10,136,217)
-
#018ae2
#018ae2
rgb(1,138,226)
Color Blindness Simulator
Below, you can see how #018ae2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.